﻿/* Author:
    Shampoo Project Author 
    Date: May 21, 2013
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,700,900);

/*-----[ Home Page ]---------------------------------------------------*/
body{
    font-family: 'Raleway',sans-serif;
    background:#F1F1F1;
    margin: 0;
    min-height: 100%;
}
a, a:hover, a:active{
    text-decoration:none !important;	
    color:#666;
}
a:hover{
    color:#09F;
}
.header{
    position: absolute;
    width:100%;
    min-height:145px;
    box-shadow:0 0px 4px rgba(0,0,0,0.3);
    background: rgb(232,232,232); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(244,244,244,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(14%,rgba(244,244,244,1)), color-stop(36%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.dis-none{display: none !important}
.dis-block{display: block !important}
.margin-auto{margin: 0 auto  !important}
.fl-none{float: none !important}
.header-sub{
    width:100%;
    min-height:50px;	
}
.header-sub .small-logo{
    float:left;	
}
.header-nav{
    width:100%;
    padding-right:3%;
    min-height:50px;
    background: rgb(234,234,234); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(234,234,234,1) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(234,234,234,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
}
.header-nav:hover{
    opacity:1;	
}
.header-nav form{
    margin-bottom:0;	
}
.get-powered-div{
    text-align:center;	
}
ul.social-network{
    list-style:none;
    margin-top:55px;
    margin-bottom:0px;
    margin-left:0px;
    display:inline-table;	
}
ul.social-network li{
    display:inline-block;
    margin-right:3px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
}
ul.social-network li:hover{
    opacity:1;	
}
.social-element{
    height:32px;
    width:32px;	
}
.twitter{
    background:url(../img/twitter-invert.png) center no-repeat;	
}
.twitter:hover{
    background:url(../img/twitter.png) center no-repeat;		
}
.facebook{
    background:url(../img/facebook-invert.png) center no-repeat;	
}
.facebook:hover{
    background:url(../img/facebook.png) center no-repeat;		
}
.google{
    background:url(../img/google-plus-invert.png) center no-repeat;	
}
.google:hover{
    background:url(../img/google-plus.png) center no-repeat;		
}
.instagram{
    background:url(../img/instagram-invert.png) center no-repeat;	
}
.instagram:hover{
    background:url(../img/instagram.png) center no-repeat;		
}
.cls-opacity{
    opacity:0.9;	
}
.wrapper{
    width:1170px;
    margin:0 auto;	
}
.wrapper-home-header{
    width:90%;
    margin:0 auto;	
}
.wrapper-sub{
    width:1170px;
    margin:70px auto 0px;	
}
.wrapper-sub-browser{
    width:1170px;	
    margin:70px auto 0px;
}
.wrap-top{
    padding-top:20px;	
}
.logo{
    margin-left:3%;	
}
.logo-cls{
    margin-top:8px;	
    text-align:center;
}
.welcome-div{
    margin-top:45px;	
}
.slogan{
    clear:both;
    width:270px;
    height:20px;
    background:url(../img/slogan.png) 5px 0px no-repeat;	
}
.header-slogan{
    padding-left:15px;	
}
.navi-wrap{
    max-width: 690px;
    width: 560px;
    /*width:690px;*/
    margin:0 auto;	
    height: 44px;
}
@media only screen and (max-width: 979px) and (min-width: 480px){
    .navi-wrap {
        max-width: 100%;
    }
}
ul.navigation{
    list-style:none;  
    margin:0 auto;
}
.navbar .navbar-inner .container{margin: 0 auto}
ul.navigation-sub{
    margin-top:10px;
    list-style:none; 	
}
ul.navigation > li, ul.navigation-sub > li{
    font-size:14px;
    border-left:1px solid #CCC;
    letter-spacing:2px;
    text-transform:uppercase;
    float:left;
    padding:0 4%;
    /*padding:0 40px;*/
    line-height:30px;
    cursor:pointer;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
    /*padding: 4px 22px;*/

}
ul.navigation-sub > li{
    border-left:none;	
}
ul.navigation > li a, ul.navigation-sub > li a{
    color:#666;
    line-height:30px;
    float:left;
    /*padding-bottom:8px;*/
}
ul.navigation > li:hover a, ul.navigation > li.nav-active a, ul.navigation-sub > li:hover a, ul.navigation-sub > li.nav-active a{
    color:#000;
    padding-bottom:4px;
    border-bottom:4px solid #0CF;
    opacity:0.5;
}
ul.navigation > li.nav-first, ul.navigation-sub > li.nav-first{
    border-left:none !important;	
}
.sign-block{
    padding-top:4px;
    background:url(../img/welcome-bg.gif) 0px 16px no-repeat;
    padding-left:30px;
    color:#666;	
}
.sign-block .welcome{
    color:#999;
    font-size:13px;
    text-transform:uppercase;	
    line-height:10px;
}
.sign-block .dimeter{
    color:#999;
    font-size:9px;	
}
.sign-block a{
    color:#60D1F3;
    font-size:14px;	
}
.sign-block a:hover{
    color:#00CCFF;
    text-decoration:underline;
}
.no-margin{
    margin:0px !important;	
}
.main-slider{
    width:100%;
    min-height:400px;
    background:#000;
    position:relative;	
}
.slide-img{
    width:100%;
    min-width:1290px;
    margin:0 auto;
    max-width:2880px;
}
.text-thin{
    font-weight:400 !important;	
}
.home-services{
    list-style:none;
    margin:0px;	
    text-align:center;
}
.home-services img{
    width: 120px;
    height: 120px;
}
.homepage-content{
    margin-top:145px;	
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .homepage-content{
        margin-top: -20px !important;
    }  
}
.navi{
    margin-top:11px;	
}
ul.home-services > li{
    float:left;
    text-align:center;	
    width:163px;
    padding-bottom:10px;
    background-color:#F1F1F1;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
}
ul.home-services > li:hover{
    /*background-color:#60D1F3;*/	
}
ul.home-services > li > a{
    /*font-family:'Open Sans', sans-serif;*/
    font-weight:400;
    color:#666;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
}
ul.home-services > li:hover > a{
    /*color:#FFF;*/
}	
.content-holder{
    position:relative; 
    width:100%; 
    height:400px;  
    margin:145px auto 0px;
    overflow: hidden;
}
.content-holder .content{
    width:100%;
}
.clearfix-custom{
    clear:both;
    width:100%;
    height:50px;	
}
.clearfix-custom-10{
    clear:both;
    width:100%;
    height:10px;	
}
.clearfix-custom-20{
    clear:both;
    width:100%;
    height:20px;	
}
.carousel-caption-cls{
    position:absolute;	
    top:0;
    right:0;
}
.carousel-caption-cls .slide-caption{
    position:absolute;
    right:120px;
    top: 460px;/*560px;*/
}
#myCarousel .carousel-inner{
    max-height:598px;	
}
.carousel-caption-cls .caption-text{
    float:left;
    padding:5px 10px 10px 10px;
    width:auto;
    color:#FFF;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
    font-size:16px;
    text-align:right;
}
.ico-caption-calendar{
    width:30px;
    height:32px;	
}
.title-caption-content{
    color:#FFF;
    font-weight:bold;
}
.title-caption-price{
    padding-left:30px;	
}
.title-caption-content-2{
    font-weight:400;
    font-size:13px;
    line-height:20px;
    color:#FFF;
    text-transform:uppercase;	
}
.thumb-caption{
    margin-left:5px;
    width:50px;
    border:3px solid #FFF;
    border-radius:50px;	
}
a.narrow-up{
    outline:none;	
}
.narrow-up{
    margin-top:10px;
    width:30px;
    height:30px;
    background:url(../img/scroll-top-top.png) center center no-repeat;
    background-color:#666;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;	
}
.narrow-up:hover{
    background-color:#F0067F !important;
    box-shadow:0 0 3px #F0067F;	
}
/*-------( My Account )----------------------------------------------*/

ul.my-account-ul{
    list-style:none;	
    margin-top:14px;
    font-size:13px;
    margin-bottom:0;
    text-transform:capitalize;
}
ul.my-account-ul li{
    font-size:13px;	
}
ul.my-account-ul a{
    text-decoration:none;
    font-size:14px;	   


}

/*-------( Sign In & Register Form )---------------------------------*/

.register-form, .signin-form{
    width:800px;
    padding-top:20px;
    /*border-radius:5px;*/	
}
.forgot-form{
    width:600px;
    padding-top:20px;
    /*border-radius:5px;*/	
}
.forgot-form{
    width:500px;
    padding-top:20px;
    /*border-radius:5px;*/	
}
.signin-form{
    padding-bottom:10px;	
}
.register-form-slogan{
    background:#D1F2FD;
    padding:15px;
    text-align:center;
    font-size:18px;
    color:#1156AF;	
}
.register-form .control-group{
    margin-bottom:0px;	
}
.register-form .input-medium, .signin-form .input-medium{
    margin-bottom:3px;
}
.register-form .control-label{
    font-size:14px;	
}
.signup-network{
    width:80% !important;
    margin:20px 10% !important;
    padding:10px;
    background:#EEEEEE;
    text-align:center;	
}
.sigup-block{
    /*margin-top:40px;*/	
    margin-bottom:15px;
}
/*input/ dropdown*/
.dropdown select {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.dropdown select optgroup option{
    /*border-top: 1px solid #000;*/
    /*border-bottom: 1px solid #000;*/
}
.ico-network{
    width:55px;
    height:55px;
    border-radius:55px;
    float:left;
    margin-left:20px;	
    cursor:pointer;
    opacity:0.7;
    margin-top:10px;
    background:url(../img/social_icon_set.png) no-repeat;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
}
.ico-tweeter{
    margin-left:10px;
    background-position:-152px -2px;
}
.ico-twitter{
    margin-left:20px;
    background-position:-152px -2px;
}
.ico-facebook{
    background-position:-78px -0px;
}
.ico-google{
    background-position:-154px -228px;
}
.ico-yahoo{
    margin-left:10px;
    background-position:-78px -153px;
}
.ico-paypal{
    background-position:-227px -153px;
}
.ico-tweeter:hover, .ico-facebook:hover, .ico-google:hover, .ico-yahoo:hover, .ico-paypal:hover{
    opacity:1;	
}
.signup-wrapper, .signin-wrapper{
    width:90% !important;
    margin:0 5% !important;	
}
.signin-wrapper{
    margin-top:20px !important;	
}
a.btn-signup, a.btn-signin{
    padding:8px 30px;
    text-align:center;
    /*border-radius:4px;*/
    margin-bottom:20px;
    text-decoration:none !important;
    color:#FFF !important;
    font-weight:bold;
    text-transform:uppercase;
    font-size:15px;
    text-decoration:none;
    outline:none;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
    background: rgb(255,93,177); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */	
}
a.btn-signin{
    float:right;
}
a.btn-signup:hover, a.btn-signin:hover{
    background: rgb(239,1,124); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(239,1,124,1) 0%, rgba(255,93,177,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,1,124,1)), color-stop(100%,rgba(255,93,177,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 ); /* IE6-8 */
}
.term-of-service{
    font-size:14px;
    margin-top: 5px;
}
.label-password{
    width:100px !important;
    float:left;	
}
.sign-in-icons{
    position:relative;	
}
.vertical-line{
    position:absolute;
    height:90px;
    width:1px;
    background-color:#45BCD2;
    top:20px;
    right:-5px;	
}
.sign-up{
    height:120px;	
}
.second{
    top:137px;	
}
.sign-up.second{
    top:167px;	
}
.vertical-or{
    right:-18px;
    font-weight:bold;
    position:absolute;
    top:112px;
    color:#45BCD2;
    font-size:20px;	
}
.vertical-or.sign-up{
    top:143px;	
}
/*-------( Searchbox )--------------------------------------*/

.search-box{
    position:absolute;
    z-index:10;
    padding:5px 8px 0 6px;
    border-radius:3px;
    width:auto;
    min-width:700px;
    top:305px; /*306px*/
    margin-left:-420px;
    left:50%;
    z-index:999;
    background-color: #E6E4E3;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";	
}
.search-box .chzn-container-single .chzn-single{
    height:39px;
    line-height: 39px;
    border-radius:3px;
    background: #FDFDFD;
}
.search-toggle{
    /* top:176px; 276px*/	
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
}
.search-box .control-label{
    color:#333;	
    margin-bottom:0;
    padding-left:2px;
}
.search-box .input-medium{
    opacity:1;	
    height:40px;
    /*font-size:16px;*/
}
#search_box .input-medium{
    height: auto !important;
    padding-bottom: 0px;
}
#search_box .control-group{
    margin-bottom:0;
}
.search-box .input-medium:focus{
    opacity:1;	
}
.search-box .btn-view-list, .btn-bookservice{
    border: none;
    padding:11px 10px;
    line-height:18px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px;
    text-decoration:none;
    outline:none;
    margin-left:5px;
    background:#F31A8A;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
}
.search-box .btn-view-list{
    margin-left:0;
}
#btn-merchant-search{
    margin-left:5px !important;
}
.search-box .btn-view-list:hover, .btn-bookservice:hover{
    color:#FFF;
    background:#FE0084;
}
.search-box .chzn-container-single .chzn-single div b{
    background-position: 0 7px;
}
.btn-shampoo{
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
    /*background: #49afcd;*/
    background: rgb(255,93,177);  /*Old browsers */
}

.btn-shampoo.btn-shampoo:hover{
    background: rgb(239,1,124); /* Old browsers */
}

a.btn-bookservice, a:active.btn-bookservice, a:focus.btn-bookservice{
    color:#FFF;	
}
.btn-bookservice{
    float:left;
    font-size:20px;
    padding:7px 45px;	
    font-weight:600;
}
.search-box .input-find{
    margin-bottom:0px;
}
.search-box .search-box-slogan{
    width:300px;
    margin-bottom:10px;
}

/*-------( Advance Search )--------------------------------*/
.advance-search-fluid{
    display:none;	
}
.advance-search{
    min-height:40px !important;		
    font-size:16px !important;
}
.advance-search-addon{
    min-height:30px;	
}
.advance-search-icon{
    margin-top:8px;	
}
a.advance-search-bt{
    width:34px;
    float:left;
    outline:none;
    color:#333;
    text-decoration:none;
}
a.advance-search-bt i{
    margin-top:12px;	
}
/*-------( Services )--------------------------------------*/

.service-block{
    margin:0 1px 1px 0 !important;	
}
ul.home-services > li .service-image{
    margin:5px auto;
    opacity: 0.5;
}
ul.home-services > li .service-image:hover{
    opacity: 1;
}
ul.home-services >li .see-all-service, ul.home-services >li .hot-deals{
    width:120px;
    height:80px;
    margin:5px auto;
    font-size:30px;
    line-height:30px;
    padding-top:40px;
}
ul.home-services >li .hot-deals{
    background:url(../img/hotdeals_full.png) center center no-repeat;	
}
/*ul.home-services > li:hover .service-image{
    background:url(../img/services-icon-invert.png) no-repeat;
}
ul.home-services > li .img-massages{
    background-position:0px 0px;
}
ul.home-services > li:hover .img-massages{
    background-position:0px 0px;
}
ul.home-services > li .img-haircut{
    background-position:-480px 0px;
}
ul.home-services > li:hover .img-haircut{
    background-position:-480px 0px;
}
ul.home-services > li .img-mani{
    background-position:-240px -120px;	
}
ul.home-services > li:hover .img-mani{
    background-position:-240px -120px;	
}
ul.home-services > li .img-yoga{
    background-position:-480px -480px;
}
ul.home-services > li:hover .img-yoga{
    background-position:-480px -480px;
}
ul.home-services > li .img-housekeeping{
    background-position:0px -360px;	
}
ul.home-services > li:hover .img-housekeeping{
    background-position:0px -360px;	
}
ul.home-services > li .img-haircolor{
    background-position:-360px 0px;	
}
ul.home-services > li:hover .img-haircolor{
    background-position:-360px 0px;	
}

ul.home-services > li .img-dog{
    background-position:-240px -480px;	
}
ul.home-services > li:hover .img-dog{
    background-position:-240px -480px;	
}
ul.home-services > li .img-dental{
    background-position:0px -240px;	
}
ul.home-services > li:hover .img-dental{
    background-position:0px -240px;	
}
ul.home-services > li .img-waxing{
    background-position:-480px -120px;	
}
ul.home-services > li:hover .img-waxing{
    background-position:-480px -120px;	
}
ul.home-services > li .img-facial{
    background-position:-240px 0px;	
}
ul.home-services > li:hover .img-facial{
    background-position:-240px 0px;	
}
ul.home-services > li .img-hotdeals{
    background-position:-360px 0px;	
}
ul.home-services > li:hover .img-hotdeals{
    background-position:-360px 0px;	
}
ul.home-services > li .img-allservices{
    background-position:-360px 0px;	
}
ul.home-services > li:hover .img-allservices{
    background-position:-360px 0px;	
}*/

/*------( End Services )--------------------------------------*/

.business-owner{
    text-align:center;
    margin:0 auto 20px;	
}
.business-owner-img{
    width:160px;
}
.business-owner-title, .home-title{
    /*font-family:'Open Sans', sans-serif;*/
    font-weight:600;
}
.get-powered{
    padding-right:4px;
    font-size:14px;
    color:#FFF;
    font-weight:400;
    padding-top:20px;
    float:left;
}
.get-powered-wrap{
    margin:0 auto;	
}
.copyright{
    padding-top:5px;	
}
footer{
    /*margin-top:20px;*/
    width:100%;
    /*border-top:4px solid #CDCDCD;*/	
    background-color:#292929;
    opacity:1;
    position: absolute;
    bottom: 0;
}
.footer-menu{
    float:left;
    clear:both;
    margin:0;
    margin-top:10px;
    padding:0;
    list-style:none;
    text-align:left;
}
.footer-menu li{
    float:left;
    clear:both;
    margin-bottom:10px;
}
.footer-menu li a{
    text-decoration:none !important;
    color:#999;	
}
.footer-menu li a:hover{
    color:#FFF;	
    text-decoration:none !important;
}
.footer-bottom h2{
    font-size:14px;
    color:#FFF;	
    margin-top:16px;
    margin-bottom:4px;
    font-weight:400;
}
.catelog{
    list-style:none;
    display:inline-table;
    text-align:center;
    margin:0;
    padding:0;	
}
.catelog li{
    clear:both;
    width:100%;
    text-align:center;	
    margin-top:30px;
}
.catelog li a{
    color:#333;
}
.subscrible{
    float:left;
    margin-top:10px;
    width:100%;	
}
input[type='text'].input-subscrible, .subscrible-form input[type='text']{
    float:left;
    width:60% !important;
    background:#999;
    border-radius:0;
    border:none;
    height:38px;
    padding:0px 6px !important;
    line-height:38px;
}
input[type='text'].input-subscrible:focus, .subscrible-form input[type='text']:focus{
    background:#FFF;	
}
.btn-subcrible{
    float:left;
    width:35%;
    height:38px;
    color:#FFF;
    text-shadow: none;
    background:#00bf8f;
    border:none;	
}
body.home footer{
    position:relative;
    clear:both;
}
.footer-top h4{
    color:#AAA;
    min-height:80px;	
    /*font-family:'Open Sans', sans-serif;*/
    font-weight:400;
}
.footer-bottom{
    width:100%;
    min-height:330px;
    line-height:30px;
    font-size:14px;
    background-color:#444;
    color: #999;
}
.footer-bottom a{
    /*color:#999;*/	
    color: #fff
}
.footer-bottom a:hover{
    text-decoration: underline !important;
    /*color:#FFF;*/	
}
.footer-bottom ul.social-network{
    margin-top:5px;
}
footer .logo-bottom{
    width:120px;
    height:50px;
    margin-top:10px;
    background:url(../img/logo_footer.png) center 13px no-repeat;	
}
.logo-bt{
    float:left;	
}
.footer-bar{
    min-height:50px;
    float:left;
    width:100%;
    background:#4D4D4D;
    color:#999;
    font-size:13px;
}
.footer-bar{
    color:#999;	
}
.copy-right a, .footer-link a{
    color:#999;	
}
.footer-bar .copy-right a:hover, .footer-link a:hover{
    color:#FFF;	
}
.footer-link{
    text-align:right;
    margin-top:16px;	
}
.line{
    width:100%;
    height:1px;	
    margin-top:0px;
    margin-bottom:10px;
    border-bottom:1px dashed #666;
}
.copy-right{
    margin-top:16px;	
}
.narrow-down{
    position:absolute;
    bottom:0px;
    right:50px;
    width:40px;
    height:50px;	
    z-index:11;
    background:url(../img/scroll-down.png) center center no-repeat;
    background-color:#F62D95;
    opacity:0.8;
    cursor:pointer;
    display:none;
}
.narrow-down:hover{
    opacity:1;	
}
.relative-cls{
    position:relative;	
}
.narrow-down .see-more{
    position:absolute;
    left:-120px;
    border-right:1px solid #DDD;
    top:0px;
    width:120px;
    display:none;
    color:#FFF;
    background:#F62D95;
    opacity:1;
    text-align:center;
    font-size:20px;
    line-height:50px;
}
.narrow-down:hover .see-more{
    display:block;
}
/*-----[ Profiles Page ]-----------------------------------------------*/

#header_nav{
    box-shadow:0 1px 1px #DDD;
}
.small-logo{
    margin-top:12px;	
}
.small-logo img{
    height: 29px;
}
.wrapper-content{
    width:960px;
    min-height:600px !important;
    padding:30px 20px;
    background:#FFF;
}
.profile-thumb{
    width:150px;
    height:120px;	
    border:5px solid #FFF;
    box-shadow:0 0 1px #CCC;
}
.profile-img{
    float:left;	
    margin-right:25px;
}
.profile-infor{
    float:left;
    width:94%;
    font-size:14px;
}
.profile-infor h3{
    margin:0px;	
    color:#FF6699;
    margin-bottom:3px;
}
.profile-title{
    font-size:13px;	
    color:#999;
    text-transform:uppercase;
}
/*Sửa lỗi 336*/
.home .box{
    min-height: 600px;
}
.profile-block .profile-title a{
    font-weight: 400;
    color: #00ABEE;
    font-size: 15px;
}
.profile-address{
    margin-top:10px;	
}
.tab-photo, .tab-description{
    margin-top:30px;	
}
.nearby-similar{
    width:100%;	
}
.price{
    font-size:15px;
    font-weight:bold;
    color:#E94782;
    margin-bottom:5px;	
}
.yelp-star{
    float:left;
    width:110px;
    height:24px;
    margin-top:15px;
    background:url(../img/stars_map.png) bottom;	
}
.shampoo-star{
    float:left;
    height:24px;
    margin-top:5px;	
}
.shampoo-star img{
    float:left;	
}
.yelp-logo{
    float:left;
    margin-top:15px;	
}
.rates-block{
    float:right;
    width:230px;	
}
.number-review{
    /*float:left;*/
    padding:0 4px;	
}
.similar-bussiness a{
    font-size:16px;
    font-weight:600;
}
.similar-bussiness .span3{
    opacity:0.9;		
}
.similar-bussiness .span3:hover{
    opacity:1;	
}
/*===========[ Browser-Search Page ]===============================================================*/

.side-left{
    position:relative;
    /*padding:40px 0px 20px 0px;*/	
    border:1px solid #DDD;
    z-index:9999;
    min-height:490px;
}
.side-left .map{
    margin-top:0px;	
}
.side-left .reservations{
    padding-top:3px;
}
.filter-navi-btn{
    position:absolute;
    /*border-radius:0px 5px 5px 0px;*/
    width:30px;
    height:30px;
    box-shadow:3px 0px 2px #CCC;
    right:-29px;
    top:80px;
    text-align:center;
    background-color:#FFF;
    cursor:pointer;
    z-index:99;
}
.filter-navi-btn i.icon-chevron-left, .filter-navi-btn i.icon-chevron-right{
    margin-top:8px;	
}
.side-left, .side-left .control-label, .side-left select, .side-left button, .side-left span, .side-left input{
    font-size:13px !important;	
}
.side-left .control-label{
    font-weight:600;
    min-height:100%;	
}
.filter-wrap{
    padding:0 10px;	
}
.filter-wrap-sub{
    padding:0;	
}
.tab-content{
    min-height:210px;
}
.filter-content{
    position:relative;	
}
.filter-select-type{
    position: absolute;

    width: 236px;
    left: 9px;
    z-index: 9;
}
.filter-select-when{
    position: absolute;
    top: 295px;
    width: 235px;
    left: 10px;
    z-index: 8;
}
.filter-select-svtype{
    /*position: absolute;*/
    /*top: 388px;*/
    width: 90%;
    left: 10px;
    z-index: 7;
    margin: 0 auto;
}
.filter-select-svtype div.fl{
    margin-right: 10px;
}
.nav-filter{
    background:#F5F5F5;	
    min-height:36px;
    margin-bottom:0px;
    margin-top:10px;
}
.nav-filter.nav-tabs > .active > a, .nav-filter.nav-tabs > .active > a:hover, .nav-filter.nav-tabs > .active > a:focus{
    background:#FFF;	
}
.filter-price{
    text-align:right;
    font-weight:900;
    font-size:14px;
    color:#126F29;	
}
.content-holder-result{
    position:relative; 
    width:100%; 
    height:378px;  
    margin:0px auto;
    overflow: hidden;	
}
ul.filter-result{
    list-style:none;
    margin-left:0px;	
    padding-right:15px;
}
ul.filter-result li{
    padding:10px 0px;
    border-bottom:1px dotted #DDD;	
}
ul.filter-result li a{
    font-size:13px;	
}
.side-right{	
    min-height:466px;
}
.list-category{
    list-style:none;	
}
.list-category li{
    float:left;
    margin-left:5px;
}
.list-category li a{
    outline:none !important;	
}

.block-salon-wrap{
    margin-bottom:30px;	
}
.block-salon{
    background:#FFF;
    box-shadow:0px 0px 4px #999;
    /*border-radius:4px;*/
    overflow:hidden;
    width:auto;
    opacity:0.9;
    margin-bottom:20px;
    transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -webkit-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
}
.block-salon:hover{
    opacity:1;
    box-shadow:0px 0px 10px #CCC;	
}
#side-right-wrapper{
    transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -webkit-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
}
.block-salon .salon-chart-list{
    width:210px;
    margin:5px auto;
}
.block-salon .salon-chart-list ul{
    list-style:none;	
}
.block-salon .salon-chart-list ul li{
    float:left;
    border:1px solid #EEE;	
    width:50px;
    text-align:center;
    border-right:none;
}
.block-salon .salon-title{
    padding-left:2px;
    padding-right:2px;
}
.block-salon .salon-title h4{
    font-weight:600;
    font-size:16px;
    overflow:hidden;
    line-height:20px;
    text-transform:uppercase;
    margin-top:6px;
    margin-bottom:2px;
    font-weight:bolder;
    /*text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);*/
}
.block-salon .salon-location, .block-salon .salon-address, .block-salon .salon-phone{
    padding-bottom:4px;	
    font-size:13px;
}
.blocl-salon .salon-trainer{
    position:relative;
}
.block-salon .salon-trainner-img-wrap{
    position:absolute;
    margin-left:94px;	
    margin-top:-22px;
}
.block-salon .salon-price{
    font-size:24px;
    font-weight:400;
    padding-left:10px;
    line-height:40px;
    background-color:#F7F7F7;
}
.block-salon .add-to-card-btn{
    float:right;
    margin-right:10px;
    width:60%;

    background: rgb(255,93,177); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */	
}
.block-salon .add-to-card-btn:hover{
    background: rgb(239,1,124); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(239,1,124,1) 0%, rgba(255,93,177,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,1,124,1)), color-stop(100%,rgba(255,93,177,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 ); /* IE6-8 */	
}
.block-salon .text-small{
    font-size:16px;	
}
.block-salon .salon-content{
    color:#999;
    padding:0px 5px;
    font-size:13px;	
}
.block-salon .salon-img{
}
.text-smaller{
    font-size:12px;	
    /*float:left;*/
}
.block-salon .salon-header{
    padding:5px;	
    background: #00b7ea; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #00b7ea 0%, #00b5d9 50%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(50%,#00b5d9), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-8 */
}
.block-salon .salon-img-wrap{

}
.block-salon .salon-trainner-img{
    border-radius:40px;
    border:2px solid #FFF;
}
.filter-bar{
    width:258px;
    /*position:absolute;*/
    left:-258px;
    z-index:99;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}
.filter-bar-1{
    width:258px;
    margin-top:35px;
    z-index:99;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}
.affix{
    top:70px;	
}
.affix-bottom{
    position:absolute;
    bottom:105px;	
}
.in{
    /*font-size:18px;*/	
}
.btn-group .btn-small{
    width:75px !important;	
}
.option{
    margin-top:20px;
    padding-right:15px;	
}
.page-title{
    border:1px solid #EDEDED;
    /*border-radius:6px;*/
}
.head-title{
    padding-left:15px;	
}
.text-normal{
    font-weight:400;	
}
.add-on{
    cursor:pointer;	
    background:#FF2C85 !important;
}
.add-on:hover{
    background:#F00880 !important;	
}
.white-bg{
    background:#FFF;	
}
.salon-title .salon-location{
    padding-bottom:10px;	
}
#side-right-wrapper-favourite #grid .item-caption{
    width:100%;
}
/* List style */
.list-style{
    display:none;
}
#grid2{
    padding-top: 75px;
    max-width:900px;
    margin:0 auto;
}
.list-style .block-salon{
    min-height:220px;
    max-height:240px;	
}
.list-style .salon-title{
    max-width:240px;
    padding-left:20px !important;	
}
.salon-informations{
    padding-top:27px;	
}
.salon-informations h4{
    color:#0099FF;	
    margin-bottom:0px !important;
    text-transform:uppercase;
}
a.add-to-favourites{
    color:#008080;
}
.list-style .block-salon .salon-price{
    padding-top:60px;
    font-size:24px;
    text-align:center;
    font-weight:600;
    padding-left:10px;
    line-height:40px;
    background-color:#FFF;
}
.list-style .add-to-card-btn{
    float:none;	
}

/* Map Style */

.map-style{
    display:none;	
}
.map-location{
    min-width:800px;	
}

/* Breadcrumb */

.book-service .breadcrumb {
    /*centering*/
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    counter-reset: flag; 
    padding:0px !important;
}

.book-service .breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    color:#467BBF;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0 10px 0 60px;
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.book-service .breadcrumb a:first-child {
    padding-left: 46px;
    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.book-service .breadcrumb a:first-child:before {
    left: 14px;
}
.book-service .breadcrumb a:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    padding-right: 20px;
}

/*hover/active styles*/
.book-service .breadcrumb a.active,.book-service  .breadcrumb a:hover{
    background: #333;
    background: linear-gradient(#333, #000);
}
.book-service .breadcrumb a.active:after,.book-service  .breadcrumb a:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.book-service .breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0; 
    right: -18px; /*half of square's length*/
    /*same dimension as the line-height of .breadcrumb a */
    width: 36px; 
    height: 36px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    /*stylish arrow design using box shadow*/
    box-shadow: 
        2px -2px 0 2px rgba(0, 0, 0, 0.4), 
        3px -3px 0 2px rgba(255, 255, 255, 0.1);
    /*
        5px - for rounded arrows and 
        50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.book-service .breadcrumb a:last-child:after {
    content: none;
}
/*we will use the :before element to show numbers*/
.book-service .breadcrumb a:before {
    content: counter(flag);
    counter-increment: flag;
    /*some styles now*/
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 8px 0;
    position: absolute;
    top: 0;
    left: 30px;
    background: #444;
    background: linear-gradient(#444, #222);
    font-weight: bold;
}
.book-service .flat a,.book-service .flat a:after {
    background: white;
    color: black;
    transition: all 0.5s;
}
.book-service .flat a:before {
    background: #0CF;
    box-shadow: 0 0 0 1px #ccc;
}
.book-service .flat a,
.book-service .flat a:after{
    background: rgb(64,150,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=0 ); /* IE6-8 */
}
.book-service .flat a:hover,.book-service  .flat a.active, 
.book-service .flat a:hover:after,.book-service  .flat a.active:after{
    background: rgb(136,191,232); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(100%,rgba(112,176,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-8 */
}
.relative{
    position: relative;
}
.absoulute{
    position: absolute;
}
.shampoo-icon-room{
    background-image: url("../img/classes_icon.png");
    top: -5px;
    right: -4px;
    width: 75px;
    height: 73px;
}
.btn-group .btn-heart{
    width:auto !important;	
}
.btn-heart{
    min-height: 36px !important;
    border: none;
    background:none !important;
    box-shadow:none;
}
.btn-heart:hover{
    background:none;
}	
.icon-heart-white{
    background: url("../img/heart-20x20.png") center no-repeat;
    background-position: 0% 30%;
    width: 20px;
    height: 20px;
}
button:hover>.icon-heart-white:hover{
    background: url("../img/heart-hover20x20.png") center no-repeat;
    background-position: 0% 30%;
}
.icon-heart-white-large{
    background:url(../img/heart-28x28.png) center no-repeat;	
}
.icon-heart-white-large:hover{
    background:url(../img/heart-hover28x28.png) center no-repeat;	
}
.icon-heart-pink-large{
    background:url(../img/heart-hover28x28.png) center no-repeat;	
}
.add-to-favourite [class^="icon-"],.add-to-favourite [class*=" icon-"]{
    width:36px;
    height:36px;	
}
.icon-heart-pink{
    background: url("../img/heart-hover20x20.png")center no-repeat;
    background-position: 0% 30%;
    width: 20px;
    height: 20px;
    opacity: 0.8;
}
.icon-heart-pink:hover{
    opacity: 1;
}
.rate i{
    cursor: pointer;
}
button.favour{
    background: none;
    border: none;
    margin-left: 5px;
}
.none-cursor{
    cursor: not-allowed !important;
}
.icon-pink-half{
    background-image: url("../img/icon-start-pink-haft.png");
}
.shampoo-icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/icon-vote.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}
.shampoo-icon-voted{
    background-position: -31px 0px;
}
.shampoo-icon-unvote{
    background-position: -55px 0px;
}
.shampoo-icon-half{
    background-position: -78px -1px;
}
.shampoo-star span{
    float: none !important
}
/*========================================[ Booking Form ]=================================================*/
.wrapper-sub-1{
    margin:175px auto 0px;	
}
.wrapper-sub-1 a{
    color:#666;
}
.hr-dot{
    border:1px dotted #999;	
}
.text-bigger{
    font-size:2.3em;	
}
.cls-relative{
    position:relative;	
}
.wrapper-content-1{
    padding:60px 40px;	
}
.profile-description p{
    text-align:justify;
    color:#666;	
}
.items-thumb{
    width:auto;
    /*    height:160px;	*/
    max-width:500px;
}
.item-option{
    clear:both;	
}
.item-option .option-title{
    width:70px;	
}
.page-bg{
    text-align:center;
    position:absolute;
    width:100%;
    max-height:290px;
    overflow-y:hidden;
    top:0px;
    left:0px;
    z-index:-1;
    border-bottom:5px solid #FCC;
}
.page-bg img{
    width:100%;	
}
.step-number{
    float:left;
    font-size:30px;
    line-height:50px;
    width:50px;
    height:50px;
    color:#FFF;
    background:#FFCCCC;
    border-radius:50px;
    text-align:center;
    margin-bottom:20px;
}
.step-title{
    float:left;
    line-height:50px;
    font-size:24px;
    font-weight:normal;
    color:#FFCCCC;
    text-transform:uppercase;
    margin-left:15px;	
}
.datepicker td, .datepicker th{
    border-radius:0px !important;	
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover{
    background:#69F !important;	
}
.datepicker table tr td{
    border:1px solid #EEE;
    padding:5px 10px;	
}
.datepicker thead{
    background:#EFEFEF;	
}
.datepicker td, .datepicker th{
    font-weight:400;	
}
.book-step-1 .datepicker-inline{
    width:auto;	
}
.book-step-1 .accordion-heading{
    padding-top:8px;
    cursor:pointer;	
}
.hd-active{
    background:#69F;
    color:#FFF;	
}
.hd-active a{
    color:#FFF;	
}
.btn-next, .btn-saving, .btn-back{
    float:right;
    border:none;
    padding:10px 30px;
    text-align:center;
    /*border-radius:4px;*/
    color:#FFF !important;
    text-shadow:none;
    font-size:14px;
    text-decoration:none;
    outline:none;
    background: rgb(255,93,177); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */
}
.btn-next:hover, .btn-saving:hover{
    opacity:1;
    background: rgb(239,1,124); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(239,1,124,1) 0%, rgba(255,93,177,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,1,124,1)), color-stop(100%,rgba(255,93,177,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 ); /* IE6-8 */	
}
.btn-back{
    float:right;
    padding:9px 30px;
    text-align:center;
    /*border-radius:4px;*/
    font-size:14px;
    text-decoration:none;
    outline:none;
    margin-right:5px;	
}
.book-form textarea{
    min-height:150px !important;
}
.book_step_2{
    display:none;	
}
.items-thumb-1{
    width:100%;
    height:auto;		
}
.step-confirm .profile-img{
    width:190px;	
}
.service_staff, .service_staff:focus {
    width: 299px;
    outline:none;
    border: 2px solid #DDD;
    border-radius:3px;
}
/*==========================[ Brower-page Update ]===============================================*/
body.browser-page{
    background:#F1F1F1;
}
.header-nav{
    background:#FFF;
    opacity:1;	
}
.wrapper-sub-browser{
    width:100%;
    margin-top:50px;		
    margin-bottom:0px;
}
.wrapper-sub-browser .page-title{
    border:none;	
}
.browser-page .header-nav{
    width:100%;
}
.browser-page .middle{
    min-height: 600px;  
}
.footer{
    position:relative;
    z-index:10;	
    margin-top:0px;
}
.browser-page footer{
    position:relative;
    margin-top:0px;	
    z-index:2;
}
.filter-bar{
    position:fixed;
    left:0px;
    min-height:1000px;
    z-index:0;	
    background:#FFF;
}
.filter-bar h4, .filter-bar label{

}
.side-left{
    z-index:0;	
    min-height:2800px;
    border:none;
    border-right:1px solid #DDDDDD;
}
.filter-select-type{
    width:90%; 
    position:relative;
    top:0;
}
.filter-select-when{
    width:90%;
    position:relative;
    top:0;
}
.filter-wrap{
    width:90%;	
}
.filter-wrap label{
    font-size:13px !important;	
}
.filter-bar .input-append .add-on, .filter-bar .input-append .btn, .filter-bar .input-append .btn-group{
    padding-bottom:22px;
    padding-top:6px;
}
#filter_bar .side-left .input-find{
    margin-bottom: 10px;
}
#sliders-range{
    border:2px solid #DDD;  
}
#amount input[type='text']{
    padding:5px !important;
    max-height:30px !important;
}

/*---------Service Item ---------------*/
.service-item{
    float:left;
    width:100%;
    min-height:100px;
    background:#FFF;
    border:1px solid #D8D8D8;
    border-width:1px 1px 2px;
}
.browser-page .page-title{
    background:#FFF;
    border:1px solid #D8D8D8;
    border-width:1px 1px 2px;
    margin-top:0px;
    width:78%;
    position:fixed;
    z-index:100;
    margin-left:-1.7%;
}
.page-title-favourite{
    background:#FFF;
    border:1px solid #D8D8D8;
    border-width:1px 1px 2px;
    margin-top:0px;
    z-index:100;
}
.item-top{
    width:100%;	
}
.service-item img{
    width:100%;
    max-width:100%;	
}
.service-item h1{
    font-size:16px;
    text-transform:uppercase;
    font-weight:400;
    margin:0px;	
    line-height:20px;
}
.business-name{
    float:left;
    font-size:11px;
    font-weight:300;
    text-transform:uppercase;	
    color:#F09;
    margin:0px;
    line-height:20px;
}
.item-caption{
    padding:6px 3%;
    float:left;
    width:94%;
    background:#F8F8F8;
}
.item-caption p{
    font-size:13px;	
}
.item-caption hr{
    margin:0px 0 5px ;	
}
.price-curt{
    color: #535353 !important; text-decoration:line-through;margin-right: 10px;font-size: 17px;letter-spacing: -1px;
}
.item-price, .salon-price{
    margin-top:6px;
    font-size:24px;
    font-weight:400;
    color:#F06;	
    float:left;
}
.item-title{
    padding:6px;
    background:#FFF;
    color:#666;	
}
.item-title a{
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #666;
    margin: 0px;
    line-height: 20px;
}
.item-title i{
    font-size:13px;	
}
.color-1, .color-1 a{
    background:#5FC2FF;	
    color:#FFF;
}
.color-2, .color-2 a{
    background:#FF5C8B;
    color:#FFF;	
}
.color-3, .color-3 a{
    background:#4B7291;	
    color:#FFF;		
}
.color-4, .color-4 a{
    background:#DD4B39;
    color:#FFF;	
}
.color-5, .color-5 a{
    background:#00BF8F;	
    color:#FFF;	
}
.item-bottom{
    width:100%;
    padding:6px;
    background:#F8F8F8;	
    float:left;
}
.btn-book{
    width:auto;
    float:right;
    margin:0;	
    text-transform:uppercase;
}
.item-caption div{
    float:left;	
}
.rate{
    margin-top:2px;
    float:right !important;	
}
.service-item .item-description{
    clear:both;
    float:left;
    width:100%;
    padding:6px;	
    border-top:1px solid #EEE;
    font-size:13px;
    /*display:none;*/
}
.item-description, .item-description p{
    color:#999;
    font-size:13px !important;	
    margin-bottom:0px;
}
.grid li:hover{
    z-index:10;	
}
.grid{
    max-width:none;
    margin:0;	
    margin-top:70px;
    width:100%;
}
#btn-gallery, #btn-list, #btn-map{
    background:#FAFAFA;

    padding:15px;
    text-shadow:none;
}
#btn-gallery.active, #btn-list.active, #btn-map.active{
    box-shadow:none;
    background:#EEE;	
}
.option{
    margin-top:0px;	
}
.filter-wrap-1{
    width:100%;
    padding:0 10px;	
}
.input-append{
    width:88%;	
}
.rate span, .rate, .lt-rate{
    float:right;
    font-size:11px;
    font-weight:400;
    font-style:italic;
    line-height:12px;
}
.business-name p{
    font-size:11px;
    color:#666;
    text-transform:none;	
}
.list-option span{
    float:left;
    clear:both;
    color:#999;
    font-size:13px;
    padding-left:10px;
}
.filter-navi-btn{
    display:none;	
}
#side-right-wrapper{
    margin-left:0px;
    width:75.359%;	
}
.first-item{
    margin-top:75px;	
}
#keyword{
    height:34px;	
    border:none;
}
.filter-wrap-1 .add-on{
    height:34px;
    width:18%;
    border:none;
}
.filter-wrap-1 .add-on .icon-search{
    margin-top:5px;
}

/*---------- List style ----------------*/
.list-style{

}
.block-color-1{
    border-left:8px solid #A51E51;
}
.block-color-2{
    border-left:8px solid #53A93F;
}
.block-color-3{
    border-left:8px solid #F8F8F8;
}
.block-color-4{
    border-left:8px solid #4B7291;
}
.block-color-5{
    border-left:8px solid #FE0084;
}
.block-color-6{
    border-left:8px solid #DD4B39;
}
.block-salon-wrap{
    margin-bottom:20px;	
    max-width: 1170px;
}
.list-style .block-salon{
    min-height:0px;
    height:200px;
    max-height:200px;
    overflow:hidden;
}
.list-item-title h1, .business-profile-page #grid2 .list-item-title h1{
    font-size:20px;
    line-height:20px;
    text-transform:uppercase;
    margin:7px 0 0;
    padding:0;
}
.business-profile-page #grid2 .list-item-title h1{
    font-size:16px;
    color: #6B7381;
    font-weight: bold;
}
.business-profile-page .list-style .block-salon .salon-price{
    font-size:20px;
}

.business-profile-page .item-right .list-item-price, .business-profile-page .item-right .rate, .business-profile-page .item-right .item-favourite, .business-profile-page .item-right .item-book{
    height:30px;
    padding: 5px 0 !important;
}
.business-profile-page #grid2 .btn-book{
    font-size: 12px;
    padding:4px 0;
    margin-top:0px;
}
#mobile_box_right{
    display:none;
}
.list-item-title i{
    font-size:13px;	
}
.list-style .item-caption{
    padding:0px;
    margin-top:10px;
    text-align:right;	
    background:none;
}
.room-style .item-caption{
    padding:0px;
    margin-top:10px;
    text-align:left;	
}
.room-style .item-caption .business-name{
    text-align:left !important;	
}
.room-style .item-caption .business-name p{
    margin: 0;
}
#btn-gallery, #btn-list, #btn-map{
    width:86px !important;	
}
.item-features{
    height:200px;
    min-height:200px;
}
.item-image{
    width:100%;
    max-width:100%;
    overflow:hidden;	
}
.item-image img{
    position:relative;
    min-width:400px;
    left:50%;
    margin-left:-200px;
    margin-top:-10px;
}
#block-item-image{
    height: 200px;
    /*text-align: center;*/
}
#block-item-image image{
    width: 100% !important;
    height: 100% !important;
}
.item-right{
    max-height:200px;
    width:100%;
    border-left:1px solid #EEE;
}
.item-right .rate{
    float:right;
    padding:10px;
    height:30px;
    max-height:50px;
    width:100%;	
    overflow:hidden;
    text-align:center;
    border-bottom:1px solid #EEE;
}
.item-right .rate span{
    float:none;
}
.item-right .list-item-price{
    width:100%;
    height:50px;
    max-height:50px;
    float:right;
    padding:10px 10px 10px 10px !important;
    overflow:hidden;
    margin-top:0px;
    color:#FFF;
    line-height:30px !important; 
    background:#FF0066 !important; 
}
.item-right .item-book{
    padding:10px;
    float:right;
    width:100%;
    height:50px;
    /*max-height:50px;*/
    max-height: 100% !important;
    text-align:center;
    overflow:hidden;

}
@media only screen and (max-width: 940px){
    .business-profile-page .list-style .block-salon .salon-price{
        font-size: 16px;
    }}
.item-right .item-book .btn-book{
    padding:5px 10px;
    float:none;
}
.list-style .item-features .business-name{
    text-align:right;
    float:right;	
}
.item-right .item-favourite{
    padding:4px;
    float:right;
    width:100%;
    height:40px;
    max-height:26px !important;
    text-align:center;
    overflow:hidden;
    border-bottom:1px solid #EEE;
    position:relative;
    z-index:10;
}
.item-features hr{
    margin:0px;	
}
.item-right .btn-book{
    margin:0;	
}
.item-right .btn-group .btn{
    min-height:28px;
    background:#EEE;
}
.item-right .option{
    margin-top:0px;	
    padding-right:0px;
}
.item-option{
    float:left;
    border-bottom:1px solid #EEE;
    width:100%;
    text-align:right;	
    padding:7px;
}
.item-option .option{
    float:left;
    width:auto;
    padding-right:0px;	
}
.item-option .option .btn-group{
    float:left;	
}
.item-option .option .btn{
    max-width:35px !important;
    overflow:hidden;
    min-height:30px;
    margin-top:3px;
    background:#EEEEEE !important;	
}
.item-option .option .btn:first-child:hover{

}
/*==========================[ Profile Page Update ]===============================================*/
/*.middle{
    min-height:600px;	
}*/
/*-------Grid Slide---------*/
.ri-grid{
    margin: 50px auto 0px;
    position: relative;
    height: auto;
}

.ri-grid ul {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
    content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
} 

.ri-grid ul li {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -o-perspective: 400px;
    -ms-perspective: 400px;
    perspective: 400px;	
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    background: #000;
}

.ri-grid ul li a{
    display: block;
    outline: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1{
    width: 55%;
}
.ri-grid-size-2{
    width: 100%;
}
.ri-grid-size-3{
    width: 100%;
    margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
    content: "";
    position: absolute;
    z-index: -2;
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.ri-shadow:after{
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before{
    display: none;
}

.ri-loading-image{
    display: none;
}

.ri-grid-loading .ri-loading-image{
    position:absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top:50%;
    margin-left:-15px;
    margin-top:-15px;
    display: block;
}
.ri-grid{
    min-height:340px;	
    background:#e5e5e5;
}
.profile-slide-caption{
    position:absolute;
    top:140px;
    left:100px;
    padding:20px;
    background:rgba(255,255,255,0.9);
    z-index:100;
}
.profile-slide-caption h2{
    font-size:30px;
    color:#111;
    font-weight:400;	
}
.profile-slide-caption h1{
    font-size:45px;
    color:#F69;
    font-weight:400;		
}
.dacker{
    position:absolute;
    bottom:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.1);	
}
.profile-caption{
    position:absolute;
    bottom:-100px;
    width:100%;
    min-height:100px;
    background-color:#82CAFF;
    background-repeat:repeat;
}
.profile-name{
    z-index: 1 !important;
}
.header-bg{
    position:absolute;
    width:100%;
    height:20px;
    top:50px;
    left:0px;
    background:url(../img/header-shadow.png) no-repeat;
    background-position:center top;
    z-index:5;
}
ul.profile-by-num li{
    background:none;
    color:#FFF;
    text-align:center;
    width:24.6%;
    float:right;
    padding-top:20px;
}
ul.profile-by-num li.rate-box{
    padding-top:30px;	
}
ul.profile-by-num li.rate-box img{
    margin-bottom:8px;	
}
ul.profile-by-num li:last-child i{
    margin-bottom:9px;	
}
ul.profile-by-num li h2{
    margin-top:0px;
    margin-bottom:0px;
    line-height:36px;	
    font-size:24px;
}
.profile-logo{
    position:absolute;
    width:130px;
    height:130px;
    top:-20px;
    left:0px;
    border:5px solid #FFF;
    border-radius:100px;	
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.profile-name{
    position:relative;
    z-index: 3000;
}
.profile-name h2{
    width:auto;
    float:left;
    color:#FFF;
    font-size:30px;
    text-transform: uppercase;
    margin-left:165px;
    margin-top:30px;
}
.profile-content{
    margin-top:140px;	
}
.profile-produce > h1, .browse-title{
    font-size:30px;
    font-weight:400;
    color:#666;
    margin:0px 0 20px 0;
    text-transform:uppercase;
}
.request-services > h1{
    font-size:30px;
    font-weight:400;
    color:#F69;
    text-transform:uppercase;	
}
.profile-produce{
    background:#FFF;
    border:1px solid #EAEAEA;
    border-width:1px 1px 2px;
    padding:30px;
    margin-bottom:20px;
}
.box-description .profile-produce{
    padding:0;
    border:none;
    margin-bottom:0;
}
.box-description .profile-produce h1{
    font-size:20px;
    margin-bottom:0px;
    line-height:30px;
}
.box-description .profile-produce h2{
    font-size:16px;
}
#service_item div{
    color:#333;
    float:right;
    font-size:14px;
}
#service_item div a{
    color:#666;
    outline:none;
}
#service_item div a:hover, #service_item div a.active{
    color:#00B6FC;
}
.business-profile-page #grid2{
    padding-top:20px;
}
.business-profile-page .list-style{
    padding-right:0;
}
.business-profile-page #grid2 h1{
    font-size:20px;
}
.box-description .profile-produce,.box-description .profile-produce p,.box-description .profile-produce font,.box-description .profile-produce div,.box-description .profile-produce span{
    color:#666 !important;
    font-size:14px !important;
    font-family: 'Raleway',sans-serif !important;
}
.profile-produce h2{
    font-size:20px;
    color:#F69;	
    font-weight:bold;
}
.box-map, .box-operation, .box-contact, .box-description{
    clear:both;
    width:100%;
    min-height:200px;
    margin-bottom:20px;
    background:#FFF;
    border:1px solid #EAEAEA;
    border-width:1px 1px 2px;	
}
.box-operation, .box-contact{
    min-height:100px;	
}
.box-bottom{
    padding:10px 10px;	
    font-size:13px;
}
.box-top{
    width:94%;
    padding:0 3%;	
    background:#82CAFF;
}
.box-top h1{
    padding-left:10px;
    font-size:16px;
    line-height:40px;
    margin:0;
    padding:0;
    color:#FFF;
    text-transform:uppercase;
}
.box-view-all-service{
    background:#FF6699;	
    margin-bottom:20px;
    border-bottom:3px solid #952D2D;
    border-radius:4px;
    cursor:pointer;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}
.box-view-all-service:hover{
    background:#FF3399;	
}
.box-view-all-service h1{
    margin:0;
    padding:10px;
    color:#FFF;
    font-size:30px;
    font-weight:400;
    text-align:center;	
}
.text-pink{
    color:#FF6699;
    font-size:16px;
    font-weight:400;	
}
.text-blue{
    color:#00CAFE !important;
    font-size:16px;
    font-weight:400;	
}
.box-operation ul{
    list-style:none;
}
.box-operation ul li span:first-child{
    float:left;
    width:70px;
}
.our-service-items{
    margin-top:0px;	
}
ul.our-service-items li{
    width:47.2%;	
}
ul.our-service-items li h1{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;	
}
ul.our-service-items .color-1 h1, ul.our-service-items .color-2 h1, ul.our-service-items .color-3 h1, ul.our-service-items .color-4 h1, ul.our-service-items .color-5 h1{	
    color:#FFF;
}
ul.our-service-items li .item-option, ul.our-service-items li .item-description, ul.our-service-items li .item-bottom{
    padding: 7px 2%;
    width: 96%;	
}
ul.our-service-items li .item-option{
    border-bottom:none;	
}
.box-bottom a{
    color:#AAA;
}

/*-------------[ Genaral ]-----------------*/
ul.navigation > li:hover a, ul.navigation > li.nav-active a, ul.navigation-sub > li:hover a, ul.navigation-sub > li.nav-active a{
    padding-bottom:6px;
}
.profile{
    background:#E5E5E5;	
}
.twitter{
    background:url(../img/twitter.png) center no-repeat;	
}
.facebook{
    background:url(../img/facebook.png) center no-repeat;	
}
.google{
    background:url(../img/google-plus.png) center no-repeat;	
}
.instagram{
    background:url(../img/instagram.png) center no-repeat;	
}
.twitter, .facebook, .google, .instagram{
    opacity:0.6;	
    border-radius:40px;
}
.twitter:hover, .facebook:hover, .google:hover, .instagram:hover{
    opacity:1;	
}
.login-side{
    background:#F1F1F1;
    padding:0px 20px 40px;
}
.signup-side{

}
.horizontal-sepa{
    position:absolute;
    width:1px;
    height:100%;
    left:-50px;
    background:#99D4EF;
}
.horizotal-sepa-1, .horizotal-sepa-2{
    position:absolute;
    bottom:-10px;
    width:40%;
    height:1px;
    background:#99D4EF;
}
.horizotal-sepa-1{
    left:0px;	
}
.horizotal-sepa-2{
    right:0px;	
}
.cls-or{
    position:absolute;
    bottom:-18px;
    color:#99D4EF;
    font-size:20px;
    font-weight:400;
    left:50%;
    margin-left:-15px;
}
.login-side .profile-infor{
    padding-bottom:30px;
    width:100%;	
}
.sub-tit{
    padding-left:15px;	
}
.btn{
    background-image:none;	
    font-weight:600;
}
.btn-signin, .btn-signup, .btn-next, .btn-back{
    background:#FF2D86;
    border:none;
    color:#FFF;	
    text-shadow:none;
    padding:8px 15px;	
}
.btn-signup{
    margin-bottom:20px;	
}
.btn-signin:hover, .btn-signup:hover, .btn-next:hover, .btn-back:hover{
    background:#FE0084;
    color:#FFF;
}
.not-a-member{
    font-size:14px;	
    padding-top:10px;
    float:right;
}
#UserSignUp_birthday{
    width:84% !important;
    border-radius:3px 0 0 3px;	
}
.footer-bottom .social-div{
    margin-top:0px;	
}
a,a:focus,a:visited,button{
    outline:none !important;	
}
#side-right-wrapper-favourite .grid{
    margin-top:20px;	
}
h3.im-member{
    font-size:18px;
    line-height:30px; 
    margin:10px 15px 20px 15px; 
    color:#7CC8EB;	
}
.or-mobile{
    display:none;	
}

/*========================[ Classes Booking Form ]============================*/
.profile-block .item-option, .profile-infor .item-option{
    text-align:left;
    padding-left:0px;
    padding-right:0;
}
.item-option .option-title{
    width:120px;
}
.v_fbbox{
    background-color: #fff;
    width: 100%;
}
.profile-infor .item-option:last-child{
    border-bottom:none;	
}
/*========================[ Hot Deals Page ]============================*/
.hot-deals-icon{
    width: 60px;
    height: 60px;
    margin: 5px auto;
    font-size: 30px;
    line-height: 30px;
    padding-top: 40px;
    background: url(../img/hotdeals_resize.png) center center no-repeat;
}
.service-item .hot-deals-icon{
    bottom: -8px;
    right: -4px;
}
.block-salon .hot-deals-icon{
    top: -8px;
    left: 0;
}
.fl{
    float: left
}
.controls label.fl{
    margin-left: 5px;
}
#ui-datepicker-div{
    z-index: 1030 !important;
}
.day-of-birth .ui-datepicker-trigger{
    margin-bottom: 10px;
    border: none;
    cursor: pointer;
    border-radius:0 3px 3px 0;
}
#advance_search .input-append .add-on:last-child,#advance_search .input-append .btn:last-child,#advance_search .input-append .btn-group:last-child > .dropdown-toggle{
    border-radius:0 3px 3px 0;	
    background: #EEE !important
}
.day-of-birth .ui-datepicker-trigger:hover{
    opacity: 1;
}
/*Thêm css fix lại datepicker ở advanced search*/
#advance_search .day-of-birth input.bday-append{
    /*width: 78% !important;*/
    width: 210px !important;
    border-right: none !important;
    background:#FFF;
    color:#333;
    border-radius:3px 0 0 3px;
}
#advance_search #start_time, #advance_search #to_time{
    width: 219px !important;	
    background:#FFF;
    color:#333;
    border-radius:3px 0 0 3px;
    border-right:none !important;
}
#advance_search .controls img.ui-datepicker-trigger{
    padding: 7px 5px !important;
    background: #EEE !important;
    border-radius:0 2px 2px 0;
    border:2px solid #DDD;
    border-left: none;
}
#advance_search .controls img.ui-datepicker-trigger:hover,
#advance_search .input-append .add-on:last-child:hover, #advance_search .input-append .btn:last-child:hover, #advance_search .input-append .btn-group:last-child:hover > .dropdown-toggle{
    background: #F5F5F5 !important;
}
    
#search_box .select2-container-multi .select2-choices .select2-search-field input,#search_box .chzn-container-multi .chzn-choices .search-field .default{
    color:#333 !important;	
    background:#FFF;
}
#advance_search .input-append .add-on,#advance_search .input-prepend .add-on{
    border-width:2px;
    padding:3px 5px 3px 7px;
    border:2px solid #DDD;
    border-left:none;
}
#advance_search textarea:focus,#advance_search input[type="text"]:focus,#advance_search input[type="password"]:focus,#advance_search input[type="datetime"]:focus,
#advance_search input[type="datetime-local"]:focus,#advance_search input[type="date"]:focus,#advance_search input[type="month"]:focus,#advance_search input[type="time"]:focus,
#advance_search input[type="week"]:focus,#advance_search input[type="number"]:focus,#advance_search input[type="email"]:focus,#advance_search input[type="url"]:focus,
#advance_search input[type="search"]:focus,#advance_search input[type="tel"]:focus,#advance_search input[type="color"]:focus,#advance_search .uneditable-input:focus{
    border-color: #DDD;
}
.code-resent{
    color: #468847;
    font-weight: 600;
}
.webpage-content,.webpage-content p,.webpage-content h1,.webpage-content h2,.webpage-content h3,.webpage-content h4,.webpage-content h5,.webpage-content h6,.webpage-content font,.webpage-content a{
    font-family: 'Raleway',sans-serif;
}
body, p, input, button, select, textarea{
    font-family: 'Raleway',sans-serif;
}
.webpage-content h1{
    font-weight:400;	
}
.webpage-content h2,.webpage-content h3,.webpage-content h4,.webpage-content h5,.webpage-content h6, .webpage-content b{
    font-weight:400;		
}
.pading-content{
    float: right;
    padding-right: 5px;
}
.login-tab > a, .signup-tab > a{
    font-size:11px;	
    text-transform:uppercase;
}
.ri-grid .container{
    width: 100%;
    /*margin-right:0;*/
    /*margin-left:0;*/
    max-width: 1170px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px){
    .alert-block{
        text-align: center;
    }
}
/*fix lại Er 360*/
#side-right-wrapper-favourite .side-right #grid2{
    padding-top: 35px !important;
}
/*browser page - filter*/
.chosen-filter{
    margin-bottom: 10px !important;
}
.z-index-merchant{
    z-index: 10 !important;
}
/*Thêm css cho side-left*/
.control-group .input-append, .control-group .input-append form{
    margin: 0;
}
#area_chzn, #merchant_cat_chzn, .input-find{
    width: 100% !important;
}
.controls .btn-group{
    margin-bottom: 0 !important;
}
.side-left hr{margin: 2px 0 2px 0 !important;}
#filter-near{
    width: 90%;
    margin: 0px auto;
}
.merchant-search-page #filter-near{
    width: 93%;
    margin: 6px auto;
}
.merchant-search-page #filter-near .chzn-results{
    max-height: 300px;
}
#filter-near .chzn-results{
    max-height: 80px;
    overflow-y: scroll;
}
#hr-price{margin: 10px 0 !important}
/*Button pricing-table*/
.btn-pricing{
    height: 28px;
    width: 70px;
    background-color: #F62D95;
    opacity: 0.8;
    cursor: pointer;
    font-size: 17px;
    color: #fff;
    padding: 2px 8px;
    margin: 20px auto;


}
.btn-pricing:hover{
    opacity: 1;
}
.btn-pricing a{
    color: #fff;
    font-size: 16px;
    line-height: 28px;
}
.icon-pricing{
    /*background: url(../css/images/pricing-table/icon-pricing_1.jpg) right no-repeat;*/
    vertical-align: text-top;
    margin-top: 2px;
}
.link-pricing{text-align: center; margin-bottom: 20px;}
.link-pricing a{
    color: #008080;
    opacity: 0.5;
    font-size: 24px;
}
.link-pricing a:hover{
    /*    text-decoration: underline;*/
    /*color: #008080;*/
    opacity: 1
}
.color-profile{
    background:#82CAFF !important;
}
@media only screen and (max-width: 1400px) and (min-width: 980px){
    .menu-center{
        width: 431PX;
        margin: 0 auto;
        height: 40px;
    }
}
#sv_name
{
    height: 34px;
}

/*---------- update layout 16/2 ------------------*/
.menu-center{
    display:table;
    text-align:center;	
    width:500px;
}
ul.navigation > li{
    padding:0 30px;	
}
ul.navigation > li a{
    padding-bottom:8px;
}
ul.navigation > li{
    float:none;
    display:inline-table;	
}
ul.navigation > li:hover a, ul.navigation > li.nav-active a{
    padding-bottom:4px;	
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background:#DDD;
    font-size:0.9em;	
}
.ui-datepicker .ui-datepicker-title select{
    font-size:0.9em;	
}
.ui-datepicker-calendar .ui-state-default,.ui-datepicker-calendar .ui-widget-content .ui-state-default,.ui-datepicker-calendar .ui-widget-header .ui-state-default{
    border:none;
    font-size:14px;	
    font-family: 'Raleway', sans-serif;
    font-weight:200;
    width:27px;
    height:27px;
    border-radius:27px;
    text-align: center;
}
.ui-widget{
    font-family: 'Raleway', sans-serif;
    font-weight:100;
}
.ui-widget-header{
    background:none;
    border:none;
    font-weight:400;	
}
.ui-widget-content, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-datepicker th{
    font-weight:400;	
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    background:none !important;	
    top:5px !important;
    border:none !important;
}
.ui-datepicker .ui-datepicker-next{
    right:2px !important;	
}
.ui-datepicker .ui-datepicker-prev{
    left:2px !important;	
}
.ui-datepicker-title select{
    border:1px solid #EEE;
}
ul.navigation-sub{
    float:left;
    margin-bottom:0px;	
    width:400px;
}
ul.navigation-sub > li{
    padding:0 20px;	

}

html,body{
    height: 100%;	
}
.page-wrap{
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -225px; 
}
.page-wrap:after{
    content: "";
    display: block;
}
.page-wrap:after{
    height:225px;	
}
footer{
    height:225px;	
}
div.p_table li.footer_row{
    /*text-align:center;*/	
}
div.p_table .frame_border{
    min-width:1030px;
    width:1030px;
    left:50%;
    position:relative;
    margin-left:-515px;
    clear:both;	
    min-height:600px;
}
div.p_table{
    width:auto;	
}
.list-item-title > a{
    text-transform:uppercase;
    font-size:13px;
    margin-top:10px;
    color:#6B7381;
    float:left;	
}
.list-item-title h1{
    clear:both;	
}
.browser-page .item-right .item-favourite{
    max-height:none !important;	
}
.item-image{
    position:relative;
    z-index:0;	
}
.link-pricing{
    margin:40px 0;	
}
.link-pricing a{
    color:#FFF !important; 
    opacity:1; 
    font-size:24px; 
    text-align:center; 
    line-height:36px; 
    margin-top:100px; 
    font-weight:400; 
    margin-top:30px; 
    margin-bottom:30px; 
    padding:6px 20px; 
    background:#F7B8D5;
}
.link-pricing a:hover{
    background:#FF2D86 !important;	
    opacity:1 !important;
}
.link-pricing a i{
    margin-top:10px; 
    margin-left:10px;
}
.welcome-to-shampoo h3{
    font-size:20px;	
    font-family: 'Raleway', sans-serif;
}
a.pricing-botton{
    color:#FFF !important; opacity:0.75; font-size:24px; text-align:center; line-height:36px; 
    margin-top:100px; font-weight:400; margin-top:30px; margin-bottom:30px; padding:6px 20px; background:#FF2D86;	
}
a.pricing-botton i{
    margin-top:10px; margin-left:10px;	
}
.take-your-pic{
    color:#333; font-size:30px; text-align:center; line-height:40px; margin-top:100px; font-weight:400; margin-top:30px; margin-bottom:30px;
}
.pricing-botton, .take-your-pic{
    font-family: 'Lobster', cursive;
    color:#3BB9FF;
}
.welcome-shampoo{
    color:#ED3384; font-size:40px; text-align:center; line-height:60px; margin-top:15px; font-weight:400;

    font-family: 'Lobster', cursive;
    text-shadow:2px 2px 0px #FFF;
}
.welcome-to-shampoo p{
    padding:0px 0px 0px 60px;
    text-transform:uppercase;
    line-height:30px;
}
.welcome-to-shampoo p br{

}
.welcome-to-shampoo p i{
    color:#FFF;
}
.homepage-video{
    position:relative;	
    float:right;
}
.play-video img{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-35px;
    margin-top:-30px;	
    max-width:75px;
    height:auto;
}
.play-video img:hover{
    max-width:80px;
    margin-left:-37px;
    height:auto;
    margin-top:-32px;	
}
#fancybox-close {
    background-color: #F7505A;
    background-image: url("../img/close2x.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    height: 40px;
    right: -20px;
    top: -40px;
    width: 40px;
}
#fancybox-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
}
#fancybox-content {
    border: medium none;
}
#fancybox-outer{
    background:none;	
}
.section-video{
    position:relative;
    width:100%;
    max-width:100%;
    overflow:hidden;
    padding:40px 0;	
}
.what-is-shampoo{
    max-width:260px;
    margin-left:90px;	
}

/*-------------Update for Browser Page 4/2/2014 ------------*/
ul.mc-list-sv{
    margin:0;
    padding:0;
    max-height:110px;
    overflow:hidden;
    position:relative; 
}
ul.mc-list-sv-expand{
    max-height:none; 
}
ul.mc-list-sv li{
    float:left;
    clear:both;
    width:100%;
    padding:3px 0;	
}
ul.mc-list-sv li.view-more{
    position:absolute;
    top:93px;
    left:0;
    z-index:10;	
    width:100%;
    padding-bottom:5px;
    min-height:25px;
    background:#FFF;
    border-bottom:none;
}
ul.mc-list-sv li:last-child{
    border-bottom:none;	
}
.gallery-style ul.mc-list-sv li.view-more{
    top:90px;
}
ul.mc-list-sv li a.mc-service-name{
    float:left;
    max-width:60%;
    overflow:hidden !important;
    color:#666;
}
ul.mc-list-sv li a.mc-service-price{
    float:right;
    max-width:20%;	
    overflow:hidden;
    text-align:right;
}
.gallery-style ul.mc-list-sv li a.mc-service-price{
    max-width:35%;
}
ul.mc-list-sv li:hover a{
    color:#FF0066 !important;	
}
.mc-service-discount{
    color:#FF0066 !important;
}
.mc-service-dis{
    color:#666;
    text-decoration:line-through;	
}
.hot-deal-icon{
    background:#FF0066;
    padding:1px 2px;
    border-radius:2px;	
}
.browser-wr .gallery-style{
    display:none;
}
.browser-wr .list-style{
    display:block;
}

#service_list .gallery-style{
    display:block;
}
#service_list .list-style{
    display:none;
}
.gallery-style .business-name p{
    line-height:23px;
    margin-bottom:0;
}
.expand-btn{
    font-size:13px;	
}
.mc-btn-expand{
    position:relative !important;
    top:0 !important;	
}
.list-item-title > a{
    width:100%;
    margin-top:0;	
}
.list-style .business-name p{
    margin-bottom:0;
}
.list-style .item-right .item-book .btn-book{
    padding:5px 6px;	
}
.mc-block-expand{
    max-height:none !important;
    height:auto !important;	
}
#yw2{
    margin-top:10px;	
}
.btn{
    border-radius:0;	
}
/*highlight hotdeal*/ 
.hotdeal-date a{
    background: #FF5C8B !important;
    color: white !important;
    font-weight: bold;
}
.hotdeal-hour{
    float: right;
    font-style: italic;
    color:#FF5C8B;
}
.hotdeal-hour-none{
    float: right;
    font-style: italic;	
}
.hd-active .hotdeal-hour,.hd-active .thefirst-hour{
    color:#FFF;	
}
.mc-list-sv .price-curt{
    color: #535353 !important;
    text-decoration: line-through !important;
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: -1px;
}
.slide-caption .pading-content{
    padding-right:0;	
}
.carousel-caption-cls .caption-text .thumb-caption{
    margin-left:10px;
}
.caption-content{
    float:left;	
}
.caption-img{
    float:right;	
}
#search_box .select2-container-multi .select2-choices,#search_box .chzn-container-multi .chzn-choices{
    width:300px;	
    padding-left:30px !important;
    border:2px solid #DDD !important;	
    border-radius:3px;
}
#search_box .select2-choices{
    background-image: url(../img/search.png) !important;
    background-position: 8px 10px !important;
    background-repeat: no-repeat !important;
}
#search_box .chzn-container-multi .chzn-choices{
    background-image: url(../img/marker.png) !important;
    background-position: 8px 9px !important;
    background-repeat: no-repeat !important;
}
.select2-container-multi .select2-choices .select2-search-choice,
.chzn-container-multi .chzn-choices .search-choice{
    border-radius: 0 !important;
    border:none !important;
}
#filter_bar .select2-container-multi .select2-choices, #filter_bar .chzn-container-multi .chzn-choices{
    width:100%;	
}
.search-box .btn-view-list{
    height:40px;
    padding:0 14px;
    border-radius:3px;
    float:right;
    margin-bottom:7px;
}
.chzn-container-multi .chzn-choices, .select2-container-multi .select2-choices{
    background:#FFF !important;	
}
.select2-container-multi .select2-choices li input{
    height:26px;	
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    box-shadow:none;
}

/*==================[New Browser page]=====================*/
.browser-wr{
    float:right;
    width:75%;
    min-height:795px;
    background:#FFF;
    margin-top:70px;	
    padding:2%;
    margin-bottom:20px;
}
.filter-wr{
    float:left;
    margin-top:70px;
    margin-bottom:20px;
    position:relative;
    width:268px;
}
.filter-wr .input-append input{
    width:100%;	
}
.br-col{
    float:left;
    width:32%;
    margin:0.65%;
    max-width:32%;	
}
.browser-content .br-col:first-child{
    margin-left:0;
    margin-right:1.3%;	
}
.browser-content .br-col:last-child{
    margin-right:0;
    margin-left:1.3%;	
}
.items-box{
    float:left;
    width:100%;
    margin-bottom:20px;
    font-size:13px;
    border-color: #DDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
}
.items-box .img{
    width:100%;
    min-height:200px;
    background:#EEE;
    position:relative;	
    z-index:0;
    overflow:hidden;
}
.items-box .img .img-wr{
    position:absolute;
    left:50%;
    top:50%;
    width:360px;
    margin-left:-180px;
    margin-top:-100px;
    height:auto;
    transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -webkit-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s; 
}
.items-box .img .img-wr:hover{
    margin-left:-200px;
    margin-top:-112px;	
    width:400px;
}
.map .items-box .img .img-wr img{
    max-width: 100% !important;
}
.items-box .rate{
    text-align:right;	
}
.offer{
    position:absolute;
    top:5px;
    left:5px;
    padding:12px 0px;
    background:rgba(254,0,102,1);
    color:#FFF;
    text-transform:capitalize;
    font-size:13px;
    font-weight:200;
    z-index:5;
    text-align: center;
    width:70px;
    height:70px;
    border-radius:70px;
}
#service_list .offer{
    left:5px;
    right:auto;
    padding:0;
    padding-top:10px;
    height:60px;
}
#list_style .offer,
#list_style .instant-booking{
    left:5px;
    right:auto;
}
.offer_1st{
    position: absolute;
    z-index:5;
    top:5px;
    right:5px;
    width:35px;
    height:45px;
    background: url(../img/first-time-icon.jpg) no-repeat;
}
#list_style .offer_1st{
    left:auto;
    right:0px;
    top:3px;
    text-transform: none;
}
.offer_1st_label{
    position: absolute;
    background: #00CAFE;
    top:5px;
    right:5px;
    width:60px;
    height:60px;
    border-radius:60px;
    padding-top:10px;
    color:#FFF;
    text-transform:capitalize;
    font-size:13px;
    font-weight:200;
    z-index:5;
    text-align: center;
}
#grid .service-item .offer_1st_label,
#grid2 .list-style .offer_1st_label{
    height:50px;
}
.tooltip-inner{
    background: #FFF;
    color:#333;
    border:1px solid #DDD;
    text-transform: none;
    box-shadow:0 0 3px #333;
}
.list-item-title > a .tooltip-inner,
.gallery-style a .tooltip-inner{
    width:200px;
    background: #FFF;
    color:#333;
    border:1px solid #DDD;
    text-transform: none;
    font-size:12px;
}
.view-type{
    float:right;	
}
.view-type a{
    font-size:14px;
    color:	
}
.browser-content{
    float:left;
    clear:both;
    width:100%;	
}
.filter-wr .box-top{
    width:100%;	
}
.filter-wr .box-top h3{
    color:#FFF;
    margin:0;
    font-size:18px;
    font-weight:400;
}	
.filter-wr .box-bottom{
    padding:20px;
}
.bt-search{
    position:relative;
    top:0px;
    right:0px;
    z-index:2;
    height:34px !important;
    width:30px !important;
    background:none !important;
    right:30px;
    border:none !important;
    padding-top:4px !important;	
}
.bt-search:hover{
    background:#DDD !important;	
}
.filter-wr .select2-container-multi .select2-choices, .filter-wr .chzn-container-multi .chzn-choices{
    width:100%;	
    border:2px solid #DDD;
    margin:10px 0 0;
    outline:none !important;
    border-radius:3px;
}
.filter-wr .select2-container-multi .select2-choices .select2-search-field input,.filter-wr .chzn-container-multi .chzn-choices .search-field input{
    height:30px !important;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    border:2px solid #DDD;	
    outline:none !important;
    border-radius:3px;
}
.filter-wr .chzn-container{
    width:100% !important;
}
.ft-title{
    font-weight:bold;
    float:left;
    margin-top:10px;	
    margin-bottom:0px;
}
.ui-slider-horizontal .ui-slider-handle{
    margin-left:-3px;
    border-radius:10px;	
    height:20px;
    width:20px;
    border:none;
    background:#82CAFF;
    top:-10px;
}
.ui-widget-content{
    border:1px solid #82CAFF;	
    border-radius:5px;
    height:1px;
}
#amount{
    margin-bottom:10px;	
}
#amount input{
    color:#FF6699;	
    border:2px solid #DDD;
    margin-top:8px;
}
.ctr-price{
    margin-bottom:15px;	
}
.filter-wr label{
    font-size:13px;
}
.filter-wr .when .controls label,.filter-wr .type.controls label{
    font-size:13px;
    width:90px;
}
.when{
    margin-top:10px;
    display:none;	
}
.chzn-container .chzn-results .highlighted, .chzn-container .chzn-results .active-result:hover, .select2-results .select2-highlighted{
    background:#05A2EE !important;	
}
.select2-results{
    padding-left:0px !important;	
}
.title{
    padding:5px;
    width:100%;
    float:left;	
}
.item-options{
    float:left;
}
.item-options a,.item-options a:visited, .item-options a:focus, .item-options a:hover {
    color:#FF99CC;	
}
.address{
    float:left;
    width:100%;
    padding:5px;
    background:#F8F8F8;
}
.item-description{
    float:left;
    width:100%;
    padding:5px;	
}
ul.mc-list-sv li{
    border-bottom:1px solid #EEE;	
}
.items-box h1{
    font-size:16px;
    line-height:20px;
    margin:0;
    font-weight:600;	
}
.list-items{
    width:100%;
    min-height:200px;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;	
    margin-bottom:20px;
    float:left;
}
.list-items .lt-img{
    float:left;
    width:27%;
    height:198px;
    background:#EEE;
    position:relative;	
    z-index:0;
    overflow:hidden;	
}
.list-items .lt-img .img-wr{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-180px;
    margin-top:-102px;	
    width:360px;
    height:auto;	
    transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -webkit-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s; 
}
.list-items .lt-img .img-wr:hover{
    margin-left:-200px;
    margin-top:-112px;	
    width:400px;	
}
.lt-content{
    width:60%;
    padding:0px 10px 5px;
    min-height:197px;
    float:left;	
}
.list-items hr{
    margin:3px 0;	
}
.lt-content .item-description{
    padding:0;	
}
.lt-option{
    position:relative;
    float:right;
    width:13%;
    min-height:198px;
    background:#fAFAFA;	
    border-left:1px solid #DDD;
}
.lt-rate{
    float:right;
    width:100%;
    text-align:center;
    padding:10px 0;	
    border-bottom:1px solid #DDD;
}
.lt-options{
    float:right;
    clear:both;
    width:100%;
    text-align:center;	
}
.lt-options a,.lt-options a:visited, .lt-options a:focus, .lt-options a:hover {
    color:#FF99CC;
    font-size:13px;
    font-weight:400;
    text-align:center;
    padding:5px 0px;
    float:right;
    width:100%;
}
.lt-view{
    position:absolute;
    bottom:0px;	
    right:0;
    width:100%;
    text-align:center;
}
.lt-view .item-book{
    float:right;
    width:100%;
    text-align:center;
    border-bottom:1px solid #DDD;
}
.lt-view .btn-book{
    float:none;
}
a.btn-book-small{
    float:right;
    color:#FFF;
    margin-left: 2%;
    max-width: 20%;
    border:none;
    border-radius:1px;
    font-weight:200;
}
.btn-normal-small{
    background: #00bf8f;
}
ul.mc-list-sv li:hover a.btn-book-small{
    color:#FFF !important;
}
ul.mc-list-sv li:hover a.btn-normal-small{
    background: #00D9A3;
}
.notification{
    margin-top:10px;
    font-size:13px;
    border-radius:0;	
}
.lt-address{
    width:100%;
    clear:both;
    float:left;
    font-size:13px;	
}
.lt-address p{
    margin-bottom:0;
    margin-top:4px;
    padding:3px 3px;
    background:#F1F1F1;	
}
.hot-dual-text{
    color:#FF6699 !important;	
}
#ui-datepicker-div, .ui-datepicker{
    height:auto !important;	
}
.booking.div-details img{
    width:100px;	
}
.lt-view .btn-request{
    margin:0;
    bottom:0;	
}
.no-mg-top{
    margin-top:0 !important;	
}
.no-mg-bottom{
    margin-bottom:0 !important;	
}
.pagination ul, .pagination ul > li:last-child > a, .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > span, .pagination ul > li > a, .pagination ul > li > span{
    border:none;
    border-radius:0;
    box-shadow:none;
    color:#FF6699;	
}
.pagination ul > li.disabled > a{
    color:#999999 !important;	
}
#load_more{
    width:50%;
    margin:0 auto;
    text-align:center;	
}
#load_more a, .btn-request, .btn-book{
    background:#00BF8F;
    float:left;
    width:100%;
    text-align:center;
    padding:10px 0;
    color:#FFF;	
}
#load_more a:hover, .btn-request:hover, .btn-book:hover, .btn-book:focus{
    background:#00D9A3;	
}
#load_more a{
    padding:15px 0;	
}
.service-item .btn-book{
    width:auto;
    padding:5px 18px;
    float:right;
}
.search-form{
    margin-bottom:0;	
}
.travel-me{
    margin-top:10px;
    float:left;
    width:100%;
    padding:3px;
    background:#F8F8F8;	
}
.travel-me label{
    margin-bottom:0;	
}
.classes{
    color:#00BF8F !important;
}
.bookform-wr{
    width:100%;
    margin-top:175px;	
    min-height:600px;
    background:#FFF;
    padding:0;
    float:left;
}
.book-top{
    background:#F8F8F8;	
    padding:20px 40px 19px;
    float:left;
    width:100%;
    font-size:14px;
    font-weight:400;
}
.book-top h1.book-sv-name{
    text-transform:uppercase;
    font-weight:700;
    font-size:30px;
    margin-bottom:5px;
    margin-top:0;
    color:#FF6699;
}
a.sub-title{
    text-transform:uppercase;
    font-weight:400;
    font-size:14px;
}
.book-box-image{
    float:left;
    width:100%;
    position:relative;
    max-width:100%;
    height:300px;
}
.book-box-image img{
    float:left;
    height:100%;
    width:auto;
    position:absolute;
}
.book-content{
    width:100%;
    padding:20px 40px;
    float:left;
}
.book-ct-left{
    width:50%;
    float:left;
}
.book-ct-right{
    width:50%;
    padding-left:20px;
    float:left;
}
.book-address{
    font-size:14px;
}
.book-review{
    text-align:right;
}
.book-option{
    float:left;	
    width:100%;
    padding-top:20px;
}
.book-option p{
    line-height:24px;	
}
.book-price{
    color:#FE0066;
    font-size:24px;
    font-weight:600;	
}
.btn-book-large{
    padding:10px 50px;
    font-size:16px;
    font-weight:bold;	
    border-radius:3px;
}
.btn-rqs-large{
    padding:10px 10px;
    font-size:16px;
    font-weight:bold;	
    border-radius:3px;
}
.btn-sub-text{
    text-transform:none;
    font-size:14px;	
}
.box-content{
    font-size:14px;	
    margin-bottom:30px;
    float:left;
    width:100%;
}
.box-content h3{
    font-weight:700;
    margin-top:0;
    margin-bottom:30px;
    border-bottom:2px solid #82CAFF;
}
.title-des{
    float:right;
    font-size:14px;
    font-weight:400;
    font-style:italic;	
    line-height:20px;
    padding-top:15px;
}
.review-avatar{
    width:15%;	
    float:left;
}
.review-avatar img{
    width:70px;
    border-radius:80px;	
}
.review-content{
    width:85%;
    float:left;	
}
.review-row{
    margin-bottom:20px;
    border-bottom:2px dotted #EEE;
    padding-bottom:15px;
    float:left;
    width:100%;
}
.review-row h5{
    margin-bottom:0;	
}
.num-reviews{
    font-size:13px;	
    font-style:italic;
}
.book-service-option{
    margin-top:10px;
    float:left;
    clear:both;
    font-size:14px;
    padding:10px 3px;
    background:#F1F1F1;
}
.book-service-option .bs-option{
    float:left;
    margin:0 10px;
}
.book-service-option-1{
    background:none;
    margin-top:0;
    padding:0 3px;
    font-size:13px;	
}
.book-service-option-1 .bs-option{
    float:left;
    margin:0 5px;
}
.book-service-option-1 .bs-option:first-child{
    margin-left:0;	
}
.no-border{
    border:none !important;	
}
.sub-box{
    float:left;
    padding:20px 20px 10px;
    margin-bottom:20px;	
    width:100%; 
    background:#F8F8F8;
    font-size:15px;
}
.sub-box h4{
    margin-top:0;
    margin-bottom:20px;
    padding-bottom:5px;
    font-weight:600;
    border-bottom:2px solid #82CAFF;
}
.sub-box .other-sv-row:last-child{
    border-bottom:none;	
}
.other-sv-row{
    padding:10px 5px 10px 0;
    float:left;
    width:100%;
    border-bottom:1px solid #DDD;	
}
.other-sv-row:hover{
    background:#DDD;	
}
.other-sv-row .other-img,.other-sv-row .other-des,.other-sv-row .other-price{
    float:left;	
}
.other-sv-row .other-img{
    width:20%;	
}
.other-sv-row .other-des{
    width:58%;	
}
.other-sv-row .other-price{
    width:22%;	
    text-align:right;
}
#box_hotdeal .other-sv-row .other-des{
    width:50%;		
}
#box_hotdeal .other-sv-row .other-price{
    width:28%;		
}
.other-sv-name{
    color:#FF6699;	
}
/*-----------New Booking form----------*/
.book-step{
    float:left;
    padding:20px 40px;
    width:100%;
    min-height:400px;
}
.book-content-custom{
    padding:0px 0;	
}
#book_form{
    float:left;
    width:100%;
    margin-bottom:20px;
    margin-top:20px;
}
.booking-form{
    float:left;
    width:100%;
    padding:0px 40px 15px;
    background:#6B7381;
    color:#FFF;	
}
.book-form-name{
    float:left;
    width:25%;	
}
.book-form-name h3{
    margin-bottom:0;	
}
.book-form-step{
    float:left;
    width:60%;
    padding-top:20px;
}
.easy-step{
    float:left;
    width:33%;
    font-size:18px;
    font-weight:600;	
}
.easy-text{
    float:left;
    margin-left:5px;
    padding-top:5px;
    margin-top:8px;	
}
.step-num{
    float:left;
    padding:5px 8px;
    background:#FFF;
    border-radius:40px;
    color:#6B7381;
    font-size:24px;	
    margin-top:8px;
}
#book_form .accordion-group{
    border:none;
    border-bottom:1px solid #DDD;
    margin-bottom:0;
    border-radius:0;	
}
#book_form .accordion-heading a, #book_form .accordion-heading a:hover,#book_form .accordion-heading a:visited, #book_form .accordion-heading a:focus{
    color:#000000;	
}
.ui-widget-content{
    border-radius:0px;
    border:none;	
}
#signup-title{
    margin-left:0;	
}
#bookCalendar{
    margin-top:14px;	
}
.accordion-heading{
    padding-left:0;
    padding-right:15px;	
}
#book_form .book-step-1 .control-label{
    font-weight:bold;	
}
.forgot-pw{
    font-size:14px;	
}
.book-svn{
    margin-top:10px !important;
    text-transform:uppercase;
    margin-bottom:0 !important;	
}
.service-name{
    margin-top:0 !important;	
}
.book-h3{
    margin:0 0 20px;
    line-height:20px;
    padding-bottom:8px;
    float:left;
}
#cus-name{
    font-weight:bold;	
}
.ui-state-active{
    font-weight:700 !important;
    font-size: 16px !important;
}
.book-form-btn{
    float:right;
    width:14%;	
    padding-top:20px;
}
.book-form-btn .btn-book{
    border-radius:3px;
}
#book_step, #btn_book_3{
    display:none;	
}
.ui-state-highlight, .ui-datepicker-today .ui-state-default{
    font-weight:700 !important;	
}
.box-mc-name{
    font-size:13px;	
}
.shampoo-team{
    font-family: 'Lobster',cursive;
    color:#FF6699;
    font-size:24px;	
}
.box-sg-sv{
    padding:10px;
    background:#F1F1F1;	
    min-height:240px !important;
    margin-bottom:10px;
}
.box-sg-sv a{
    font-size:14px;	
}
.box-sg-sv h5{
    font-size:14px;
    font-weight:bold;
    color:#6B7381;
    margin-top:5px;
    margin-bottom:0px;
    text-transform:uppercase;
}
.box-sg-sv span{
    font-size:13px;
}
.box-sg-sv span.text-pink{
    font-size:14px;	
}
.explain{
    float:left;
    margin-top:5px;
    margin-bottom:15px;	
    margin-right:10px;
}
.explain .hotdeal-day{
    float:left;
    background:#FF5C8B;
    height:12px;
    width:12px;
    border-radius:12px;
    margin-top:5px;
}
.explain .1st-day{
    float:left;
    background:#00cafe;
    height:12px;
    width:12px;
    border-radius:12px;
    margin-top:5px;
}
.explain .hotdeal-day{
    float:left;
    background:#FF5C8B;
    height:12px;
    width:12px;
    border-radius:12px;
    margin-top:5px;
}
.date-label{
    margin-right:20px;
    float:left;
    margin-left:5px;
    font-size:13px;
    padding-top:3px;	
}
.hot-deal-label{
    position:absolute;
    top:10px;
    left:-10px;
    width:170px;
    padding:15px 0px 15px 45px;
    background-image: url(../img/clock.gif);
    background-repeat: no-repeat;
    background-position: 15px 15px;
    background-color:rgba(254,0,102,1);
    color:#FFF;
    text-transform:uppercase;
    box-shadow:0 0 5px #999;
    font-size:20px;
    font-weight:bold;
}
.first-trial-label{
    position:absolute;
    top:70px;
    left:-10px;
    width:170px;
    padding:14px 0px 14px 45px;
    background-image: url(../img/first-time-icon.jpg);
    background-repeat: no-repeat;
    background-position: 12px 8px;
    background-size:25px auto;
    background-color:#FFF;
    color:#00CAFE;
    text-transform:uppercase;
    box-shadow:0 0 5px #999;
    font-size:20px;
    font-weight:bold;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    box-shadow:none;		
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices, .chzn-container-active .chzn-choices, #amount input:focus{
    box-shadow:none !important;
    border-color:rgba(82, 168, 236, 0.8) !important;
}	
.input-append .search-form .add-on,.input-append .search-form .btn,.input-append .search-form .btn-group{
    margin-left:0;
    border-radius:0 3px 3px 0;	
}
.payment-form{
    background:#F5F5F5;
    padding:20px 20px 5px;
    border-radius:4px;
    margin-bottom:10px;
}
h3.payment-title{
    margin-top:10px;
    margin-bottom:10px;	
}
.payment-form .control-group{
    margin-bottom:10px;	
}
.payment{
    display:none;	
}
.payment-form form{
    margin-bottom:10px;	
}
.payment-paypal{
    color:#6B7381;
    font-weight:600;
    cursor:pointer;	
}
.separate{
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:48.7179%;
    background:#DDD;	
}
.total-price{
    float:right;
    width:270px;
    margin-right:6%;
    font-size:14px;
}
.total-price .lb-title{
    float:left;
    width:40%;
}
.total-price .total{
    color:#FF6699;	
    float:left;
    font-size:28px;
    font-weight:600;
}
.total-price > div{
    float:left;
    width:100%;
    line-height:30px;
}
.total-price h4{
    border-top:1px solid #DDD;
    margin:5px 0;
    padding-top:10px;
    float:left;
    clear:both;	
    width:100%;
}
ul.card-type{
    float:left;
    margin:0;
    margin-bottom:15px;
    padding:0;
    list-style:none;	
}
ul.card-type li{
    float:left;
    width:50px;
    height:30px;
    margin-right:10px;
    cursor:pointer;	
    opacity:0.3;
}
ul.card-type li.master{
    background-image:url(../img/creditcard.png);
    background-repeat:no-repeat;	
}
ul.card-type li.visa{
    background-image:url(../img/creditcard.png);
    background-repeat:no-repeat;
    background-position:-50px 0 ;	
}
ul.card-type li.american{
    background-image:url(../img/creditcard.png);
    background-repeat:no-repeat;	
    background-position: -100px 0;
}
ul.card-type li.discover{
    background-image:url(../img/creditcard.png);
    background-repeat:no-repeat;	
    background-position: -150px 0;
}
ul.card-type li.selected,ul.card-type li.start{
    opacity:1;	
}
.currency{
    float:right;
    margin-top:16px;
    font-size:13px;
    padding-left:40px;
    background:url(../img/currency.png) no-repeat;	
}
.service-gal-wrap{
    float:left; margin-right:10px; margin-bottom:10px; width:31%; height:100px; overflow:hidden;	
}
.book-favourite{
    float:right;
    margin-top:5px;	
}
.book-favourite .btn{
    border-radius:3px;	
}
.book-favourite .icon-heart-white{
    float:left;
    margin-right:3px;
}
.add-to-favourite{
    position:absolute;
    z-index:9;
    bottom:8px;
    right:0px;
    opacity:0.8;	
}
.add-to-favourite:hover{
    opacity:1;	
}
.item-favourite .add-to-favourite{
    position:relative;
    top:-5px;
    right:0;
}
.add-to-favourite .item-right .btn-group .btn{
    background:none;	
}
.book-step-1 span.sub-title{
    clear:both;
    font-style:italic;
    float:left;	
    margin-bottom:30px;
}
#er .alert,#er_1 .alert {
    font-size:14px;	
    padding:3px 30px 3px 3px;
}
#date_1, #date_2, #date_3{
    float:left;
    margin-right:5px;	
}
.advance-search-icon-1{
    margin-top:3px;	
}
.advance-search-addon-1{
    border-radius:0 4px 4px 0 !important;	
}
.select-3-times .bootstrap-timepicker-widget table td input{
    width:45px;
    height:35px;
}
.no-pd-top{
    padding-top:0px;	
}
.no-mg-left{
    margin-left:0 !important;	
}
.profile-user{
    font-size:14px;	
}
.instant-booking{
    position:absolute;
    z-index:5;
    text-transform:uppercase;
    bottom:5px;
    left:5px;	
    color:#FFF;
    font-size:11px;
    padding:2px 4px;
    line-height:14px;
    font-size:10px;
    text-shadow: 0 0 2px #333;
}
.bull-instant{
    font-size:26px;
    float:left;
    height:12px;	
}
.list-item-rate{
    height:15px !important;	
}
.business-profile-page .item-right .item-book.list-item-book{
    height:45px !important;	
    padding-top:0 !important;
}

/*-------------Class-list--------------*/
.class-list img.avatar, .staff-avatar{
    width:40px;
    border-radius:50px;
    float:left;
}
.staff-info{
    float:left;
    margin-left:5px;	
}
.staff-title{
    font-size:13px;
    font-style:italic;
    clear:both;	
}
.class-list tr td:last-child{
    text-align:right;	
}
.class-list tr td.date-title{
    font-weight:bold;
    font-size:15px;
    text-align:left;	
}
.no-border-top{
    border-top:none;	
}
.class-list thead{
    font-weight:bold;	
}
#staff_list{
    text-transform:none;
    margin-top:3px;	
}
.tooltip-white + .tooltip .tooltip-inner{
    background:#FFF;
    color:#666666;	
    border:2px solid #AAA;
}
.tooltip-white + .tooltip.in{
    opacity:1;	
}
.tooltip-white + .tooltip.right .tooltip-arrow{
    border-right-color:#AAA;
}
.service-tab{
    display:none;	
}
#tab_services{
    width:100%;	
}
.big-text{
    font-size:20px;
    color:#3BB9FF;	
    font-weight: 600;
}
.hp-title{
    font-family:'Lobster',cursive;
    font-size:40px;
    color:#FF2D86;
    margin-bottom:30px;	
}
.video-wrap{
    width:600px;
    margin:0 auto;	
    max-width:100%;
}
.video-wrap a{
    float:left;	
    max-width:100%;
}
/*---------Classes--------*/
.class-option .item-option{
    text-align:left;
    width:46%;
    margin-right:2%;
    clear:none;	
}

/*---------Header New Design---------*/
.header-new{
    position:fixed;
    top:0;
    width:100%;
    z-index:99;	
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s; 	
}
.header-new .logo{
    margin-top:30px;
    float:left;	
    margin-left:0;
    width:220px;
}
.header-new .navbar-inner{
    background:none;
    border:none;
    box-shadow:none;	
}
.header-new .navbar{
    float:right;
    margin-top:50px;	
}
.header-new ul.navigation > li{
    border:none;	
}
.header-new ul.navigation > li > a, .header-new ul.navigation > li .login-tab > a,.header-new ul.navigation > li .signup-tab > a,.header-new ul.navigation > li .my-account-ul > li > a{
    color:#FFF;
    font-weight:400;
    font-size:15px;	
    font-family:'Raleway',sans-serif;
}
.header-new .my-account-ul{
    margin-left:0;
}
.header-new .navi-wrap{
    width:auto;	
}
.header-new ul.navigation > li:hover a{
    padding-bottom:0px;
    border-bottom:none;
    opacity:1;
}
.header-new ul.navigation > li > a:hover, .header-new ul.navigation > li .login-tab > a:hover, .header-new ul.navigation > li .signup-tab > a:hover{
    color:#FF2D86;		
}
.header-new ul.navigation > li a{
    padding-bottom:0;	
}
.header-new ul.navigation > li a.hot-deal{
    color:#FF2D86;		
}
.header-new .welcome{
    display:none;	
}
.filter-form{
    padding:20px;
    position:absolute;
    margin-top:450px;
    margin-left:-400px;
    z-index:9;
    width:800px;
    min-height:80px;
    left:50%;
    background:rgba(255,255,255,0.75);
}
.header-new ul.navigation li:last-child{
    padding-right:0;	
}
.header-new .sign-block{
    background:none;	
    padding-left:0;
}
.header-new .navi-wrap{
    max-width:none;	
}
.homepage-ct{
    width:100%;
    min-height:100px;	
    padding:20px 0 30px;
}
.section-content{
    width:100%;
    float:left;
    clear:both;
    background:#FAFAFA;
}
.carousel form{
    margin-bottom:0;	
}
.sign-block{
    text-transform:none;	
}
.title-caption-price{
    font-size:14px;	
}
.sign-block .dimeter{
    color:#DDD;	
}
/*------Header Scr-------*/
.header-scr{
    background:rgba(255,255,255,0.9);
    padding-bottom:5px;
}
.header-scr .logo{
    margin-top:5px;	
    width:200px;
}
.header-scr .navbar{
    margin-top:21px;	
}
.header-scr .sign-block .dimeter,.header-scr ul.navigation > li > a, .header-scr ul.navigation > li .login-tab > a, .header-scr ul.navigation > li .signup-tab > a, .header-scr ul.navigation > li .my-account-ul > li > a{
    color:#58585A;	
}
/*----------End Header Scr----------*/
.homepage-ct h2{
    font-weight:400;
    margin-top:30px;
    margin-bottom:20px;
}
.homepage-ct h3{
    text-transform:uppercase;
    font-weight:600;
    margin-top:30px;	
}
.homepage-ct .service-item .item-top > a{
    float:left;	
}
.homepage-ct .service-item .item-top .item-option,.homepage-ct .service-item .item-top .item-caption,.homepage-ct .service-item .item-bottom{
    width:95%;
    padding:7px 2.5%;	
}
.section-white{
    background:#FFF;	
}
.section-image{
    background:url(../img/slides/hotel-cdc-essere-spa.jpg) no-repeat;
    background-size:100%;
    background-position:center;
    min-height:500px;
}
.about-us-ct p, .homepage-ct{
    font-family: 'Raleway', sans-serif !important;	
    font-weight:200;
    font-size:16px;
    line-height:30px;
}
a.view-all{
    font-family: 'Raleway', sans-serif !important;	
    font-weight:200;
    font-size:16px;	
}
.my-account-ul .dropdown .caret{
    border-top-color:#FFF;
    margin-top:13px;	
}
.header-scr .my-account-ul .dropdown .caret{
    border-top-color:#58585a;	
}
.map-box{
    margin-top:0px;	
}
.map-fixed{
    width:268px;
    position:fixed;
    z-index:3;
}
.cls-absolute{
    position:absolute;	
}
.title-1{
    position:relative;
    text-align:center;	
}
.title-1 h3{
    display:inline-block;
    background:#FFF;
    padding:0 20px;
    position:relative;
    z-index:3;	
}
.line-1{
    width:80%;
    height:1px;
    position:absolute;
    display:block;
    background:#333;
    left:10%;	
    top:50px;
}
.mobile-app{
    clear:both;
    margin-top:10px;
    float:left;	
}
.section-candal{
    background:url(../img/candle.jpg) top center no-repeat;
    background-attachment:fixed;	
}
.paym-form{
    width:100%;
    text-align:center;	
}
.branches{
    float:left;
    width:100%;
    margin-bottom:10px;	
}
.branches .biz-logo{
    float:left;
    width:15%;
}
.branches .branch-name{
    float:left;
    width:80%;	
    margin-left:5%;
}
.btn-review{
    float:left;
    margin-left:8px;
    margin-top:5px;
}
.book-again .btn-success{
    padding:4px 20px 4px 6px;	
}
.btn-fave-book{
    padding:4px 20px 4px 6px;	
    float:right;	
}
.btn-forgot:focus{
    background: #FF2D86;
    border: none;
    color: #FFF;
    text-shadow: none;
}
.btn-forgot:hover{
    color: #333;
    background-color: #e6e6e6;
    text-decoration: none;
    background-position: 0 -15px;
}
.forgot-form input[type="text"]{
    /*float: left;*/
    width: 100%;
    border-radius: 0;
    height: 38px;
    padding: 0px 6px !important;
    line-height: 38px;
}
.subscrible-sign-up input{
    float: left;
    margin-right: 5px;
    margin-top: 0;
}
.subscrible-sign-up label{
    color: #000;
    letter-spacing: 1px;
    margin-top: 2px;
}
/*Start UI Tooltip*/
.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 5px 18px;
    color: white;
    /*border-radius: 20px;*/
    font-size: smaller;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
.ui-tooltip.ui-widget-content{
    height: auto;
    /*border-radius: 0;*/
}
.error-field{
    border: 1px dotted red !important;
}
/*End UI Tooltip*/
#contact-form{
    width:60%;
    margin:0 auto;
    margin-top:60px;
}
#contact-form{
    margin-bottom:0px;
}
#contact-form input{
    min-height:40px;
}
#contact-form textarea{
    min-height:180px;
}
.submit_c{
    border: none;
    height:50px;
    padding:6px 30px;
    border-radius:3px;
    background-color:#FF2D86;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    margin: 20px auto 25px auto;
    color: #FFF;
    float:right;
}
.submit_c:hover{
    background:#FE0084;
}
/*----Home Page---*/
.box-quickguide{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.box-quickguid-ef{
    position: absolute;
    height:100%;
    width:100%;
    top:0;
    left:50%;
    display: inline-block;
    vertical-align: middle;
    color:#FFF;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s; 
}
.box-quickguide:hover .box-quickguid-ef{
    left:0;
}
.box-qg-left{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width:46%;
    height:100%;
    padding-left:4%;
    left:0;
    top:0;
    background: rgba(33,33,33,0.4);
}
.box-qg-right{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width:50%;
    height:100%;
    padding:0;
    top:0;
    left:50%;
    background: rgba(33,33,33,1);
}
.img-1 .box-qg-left{
    background: rgba(33,33,33,0.4);
}
.img-1 .box-qg-right{
    background: rgba(228,88,114,1);
}
.img-2 .box-qg-left{
    background: rgba(33,33,33,0.4);
}
.img-2 .box-qg-right{
    background: rgba(88,170,228,1);
}
.img-3 .box-qg-left{
    background: rgba(33,33,33,0.4);
}
.img-3 .box-qg-right{
    background: rgba(224,92,214,1);
}
.img-4 .box-qg-left{
    background: rgba(33,33,33,0.4);
}
.img-4 .box-qg-right{
    background: rgba(116,200,185,1);
}
.img-5 .box-qg-left{
    background: rgba(33,33,33,0.4);
}
.img-5 .box-qg-right{
    background: rgba(254,154,58,1);
}
.box-qg-left h1{
    font-size: 30px;
    font-weight: 200;
    margin-top: 44px;
    line-height: 34px;
    text-transform: uppercase;
}
.box-qg-left h2{
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
    margin:0;
    line-height: 20px;
}
.box-qg-right h1{
    margin-top:44px;
    text-align: center;
}
.box-qg-right h2{
    margin-top:0px;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    font-weight: 100;
}
.section-img{
    min-height:360px;
    padding:40px 0;
}
.img-spa{
    background: url(../img/hotel-cdc-essere-spa.jpg) center no-repeat;
    background-color: #000;
    background-attachment: fixed;
}
.section-content p{
    margin-bottom:20px;
}
.section-img, .section-img p{
    color:#FFF;
    font-size: 22px;
    line-height: 30px;
    font-weight: 100;
}

/*------FAQ-----*/
#faq #accordion {
    border-top: 5px solid #e9e9e9;
    clear: both;
    width: 100%;
}
#faq .accordion-heading {
    padding: 6px 10px !important;
    background:#f7f7f7;
    position: relative; 
}
#faq .accordion-group{
    border-radius: 0;
}
#faq .accordion-heading .accordion-toggle{
    font-size: 18px;
    font-weight: 600;
    color:#636466;
}
#faq .accordion-inner{
    padding:15px;
}

#faq .accordion-heading a.faq-collapsed .btn-expand {
    background: url("../img/plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 22px;
    position: absolute;
    right: 12px;
    top: 13px;
    width: 22px;
}
#faq .accordion-heading a .btn-expand{
    background: url("../img/minus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 22px;
    position: absolute;
    right: 12px;
    top: 13px;
    width: 22px;
}
/*--------Home Page--------*/
.web-slogan{
    position: absolute;
    top:140px;
    text-align: center;
    left:0;
    width:100%;
    color:#FFF;
    text-shadow: 0 0 40px rgba(0,0,0,0.5);
    z-index: 5;
}
.web-slogan h1{
    font-size:60px;
    font-weight: 400;
}
.web-slogan h2{
    font-weight: 300;
}
.search-tab{
    list-style: none;
    position: absolute;
    left:0;
    top:-30px;
    margin:0;
    margin-left:10px;
    padding:0;
    float:left;
    min-width:250px;
    z-index: -1;
}
.search-tab li{
    background: #CCC;
    float:left;
    padding:0 10px;
    line-height: 30px;
    margin-right:1px;
    border-radius: 3px 3px 0 0;
    cursor:pointer;
}
.search-tab li.active{
    background:#E6E4E3;
}
#advance_search_icon{
    float:left;
    width:20px;
    height:20px;
    padding:12px 0px 12px 16px;
    background: url(../img/search-adv.png) center no-repeat;
}
#advance_search_icon.s-expand{
    background: url(../img/search-minus.png) center no-repeat;
}
.search-merchant{
    display:none;
}
.search-merchant #merchant{
    min-width:400px;
    min-height:40px;
    margin-bottom:5px;
    margin-right:10px;
    height:40px;
}
.how-it-work{
    text-align: center;
    padding:30px 0;
}
.how-it-work h3{
    margin-top:0;
    font-weight: 300;
    font-size:18px;
}
.how-it-work h1{
    margin-bottom:0;
    color: #ff2d86;
    font-family: 'Lobster',cursive;
    font-size: 40px;
} 
.how-it-work h2{
    font-size:24px;
    color:#00B7FF;
    line-height: 30px;
    margin-bottom:20px;
}
.how-it-work ul{
    list-style: none;
    width:100%;
    display:inline-table;
    margin:0;
    padding:0;
    text-align: center;
}
.how-it-work ul li{
    width:250px;
    padding:15px;
    border:1px solid #DDD;
    display:inline-block;
    margin:20px;
    min-height:230px;
    vertical-align: top;
    background:#F8F8F8;
}
.tip{
    font-size:14px;
    color:#666;
    font-style: italic;
    font-weight:300;
}
.discount-value{
    font-weight: 600;
    font-size: 15px;
}
/*highlight hotdeal*/ 
.thefirst-date a{
    background: #05A2EE!important;
    color: white !important;
    font-weight: bold;
}
.bothdiscount-date a{
    height: 0!important;
    border-color: #FF5C8B #FF5C8B #00cafe #00cafe!important;
    border-style: solid!important;
    border-width: 14px 13px !important;
    padding: 0px !important;
    color: #fff!important;
    line-height:0 !important;
}
.thefirst-hour{
    float: right;
    font-style: italic;
    color:#00cafe;
}
.plus-sign{
    float:right;
    font-style: italic;
    padding:0 5px;
}
.both-day{
    height: 12px;
    width:12px;
    border-color: #FF5C8B #FF5C8B #00cafe #00cafe!important;
    border-style: solid!important;
    border-width: 6px !important;
    margin-top:5px;
    border-radius:12px;
    clear:both;
    float:left;
}
.first-time-day{
    background:#00cafe;
    width:12px;
    height:12px;
    border-radius:12px;
    float:left;
    margin-top:5px;
}
#changeOrder{
    width:750px;
    left:50%;
    margin-left:-375px;
}
.ui-datepicker td{
    width:40px;
}
#merchant_chzn{
    min-width:697px;
}
#merchant_chzn .chzn-drop{
    min-width:695px;
}
ul.language-selector{
    display:none !important;
}